/* Basic Elements */ body { background: rgb(102,102,102); margin:0px; padding:0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4d4d35; } a img { border: none; } h1 { display: none; } form { margin: 0px; padding: 0px; } p { text-align: left; line-height: 18px; margin: 10px 0px 10px 0px; padding: 0px; font-size: 12px; } address { margin: 10px 0px 10px 0px; font-style: normal; font-size: 13px; line-height: 17px; } form { margin: 0px; padding: 0px; } sup { font-size: 8px; } a { color: #0000ff; } /* Header Elements */ #wrapper-header { height: 144px; background: url(/skins/jp2/images/headerbg.jpg); } #header { position: relative; width: 968px; height: 144px; margin: 0px auto 0px auto; } #logo { margin-top: 24px; margin-left: 15px; } #header-quick-container { position: absolute; height: 45px; top: 0px; right: 0px; } #header-quick-left { float: left; width: 20px; height: 45px; background: url(/skins/jp2/images/nav-quick-links-left.gif) no-repeat; } #header-quick-content { float: left; min-width: 100px; height: 45px; background: url(/skins/jp2/images/nav-quick-links-center.gif) repeat-x; } #header-quick-content h5 { display: none; } #header-quick-content ul { font-size: 12px; margin: 12px 0px 0px 0px; padding: 0px; list-style: none; } #header-quick-content ul li { float: left; padding: 0px 7px 0px 7px; border-left: 1px solid #aaa; } #header-quick-content ul li.first { border-left: none; } #header-quick-content ul li a { color: #eee; text-decoration: none; } #header-quick-content ul li a:hover { text-decoration: underline; } #header-quick-right { float: left; width: 21px; height: 45px; background: url(/skins/jp2/images/nav-quick-links-right.gif) no-repeat; } #header-search-container { position: absolute; height: 36px; top: 50px; right: 0px; } #header-search-left { float: left; height: 36px; width: 140px; background: url(/skins/jp2/images/search-left.gif) no-repeat; } #header-search-content { float: left; height: 36px; min-width: 100px; background: url(/skins/jp2/images/search-bg.gif) repeat-x; } #header-search-content select { color: #555; } #countryDiv { float: left; margin: 7px 5px 0px 0px; } #stateDiv { float: left; display:none; margin: 7px 5px 0px 0px; } #header-search-right { float: left; height: 36px; min-width: 15px; background: url(/skins/jp2/images/search-right.gif) no-repeat; padding: 0px 3px 0px 20px; } #top-nav { position: absolute; bottom: 1px; left: 0px; width: 962px; height: 45px; font-size: 20px; color: #dbdbdb; padding: 0px; margin: 0px; } #top-nav h5 { display: none; } #top-nav ul { height: 45px; margin: 0px; padding: 0px; list-style: none; } #top-nav ul li { float: left; height: 45px; background: url(/skins/jp2/images/nav-div.gif) no-repeat; margin: 0px; padding: 0px; } #top-nav ul li a { margin: 0px 0px 0px 3px; padding: 11px 30px 11px 30px; line-height: 45px; color: #dbdbdb; text-decoration: none; } #top-nav ul li a:hover { color: #fff; background: url(/skins/jp2/images/nav-active-bg.gif); text-decoration: none; } #top-nav ul li a.active { color: #fff; background: url(/skins/jp2/images/nav-active-bg.gif); text-decoration: none; } #top-nav ul li.first { background: none; } #top-nav .nav-div { background: url(/skins/jp2/images/nav-div.gif); } /* Content Elements */ #wrapper-content { min-height: 300px; background: url(/skins/jp2/images/bg-body.jpg) center top repeat-x; } #content-outer { min-height: 390px; width:980px; margin: 0px auto 0px auto; background: url(/skins/jp2/images/bg-sub-body.gif) repeat-y; } #content { min-height: 350px; width:980px; margin: 0px auto 0px auto; background: url(/skins/jp2/images/bg-sub-body-outer.gif) no-repeat; } #content-container { min-height: 350px; width: 962px; margin: 0px 9px; } #left-nav-container { float: left; width: 251px; } #left-nav { width: 251px; background: url(/skins/jp2/images/bg-left-nav.gif) repeat-y; } #left-nav-cap { height: 15px; width: 251px; background: url(/skins/jp2/images/bg-left-nav-cap.gif) no-repeat; } #left-nav-content { min-height: 250px; width: 251px; } #left-nav-content h2 { font-size: 16px; color: #4b4e51; font-weight: bold; margin: 0px 0px 0px 15px; padding:4px 0px 0px 25px; background: url(/skins/jp2/images/h2-commercial-cleaning.gif) no-repeat; } #left-nav-content h3 { font-size: 12px; font-weight: bold; margin: 0px 0px 0px 12px; padding: 0px; } #left-nav-content ul { margin: 7px 0px 5px 12px; padding: 0px; list-style: none; line-height: 19px; } #left-nav-content ul li { background: url(/skins/jp2/images/submenu-bullet.gif) no-repeat 0px 3px; } #left-nav-content ul li a { background-color: #fff; margin: 0px 0px 0px 18px; padding: 2px; color: #0000ff; } #left-nav-content ul li a:hover { background-color: #004885; color: #fff; font-weight: bold; text-decoration: none; } #left-nav-content ul li a.active { background-color: #777777; color: #fff; font-weight: bold; text-decoration: none; } #left-nav-content ul li a.active:hover { background-color: #004885; color: #fff; font-weight: bold; text-decoration: none; } #left-nav-content .box-rounded { width: 216px; background: url(/skins/jp2/images/bkground-boxrounded.gif) repeat-y; margin: 10px 0px 10px 15px; padding: 0px; } #left-nav-content .box-rounded p { font-size: 11px; line-height: 14px; padding: 0px 12px 0px 12px; margin: 5px 0px 5px 0px; text-align: left; } #left-nav-content .box-rounded address { font-size: 12px; font-style: normal; line-height: 18px; margin: 4px 0px 0px 14px;} .box-rounded-header { width: 216px; height: 21px; background: url(/skins/jp2/images/bkground-boxrounded-header.gif) no-repeat; margin: 0px 0px -10px 0px; } .box-rounded-footer { width: 216px; height: 15px; background: url(/skins/jp2/images/bkground-boxrounded-footer.gif) no-repeat; } .box-rounded-footer-form { width: 216px; height: 50px; background: url(/skins/jp2/images/bkground-boxrounded-footer-form.gif) no-repeat; margin: 10px 0px 0px 0px; } .box-rounded-footer-form input { margin: 5px 0px 0px 60px; } .box-rounded-or { width: 216px; height: 15px; background: url(/skins/jp2/images/bkground-boxrounded-or.gif) no-repeat; margin: 5px 0px 5px 0px;} #left-nav-shoe { height: 12px; width: 251px; background: url(/skins/jp2/images/bg-left-nav-shoe.gif) no-repeat; } #left-nav-under { padding: 15px; } #content-header { float: right; position: relative; width: 711px; height: 226px; } #content-header.franchise { background:url(/skins/jp2/images/bg-franchising-header.jpg) no-repeat; } #content-header.national { background:url(/skins/jp2/images/bg-national-header.jpg) no-repeat; } #content-header-franchise { position: relative; top: 41px; text-align: center; } .header-franchise { font-size: 24px; color: #1778ca; padding: 5px 30px 0px 0px; } #content-header-national { position: absolute; top: 14px; right: 40px; width: 243px; height: 185px; } #content-body { float: right; min-height: 350px; width: 680px; padding: 10px 15px 0px 15px; background: url(/skins/jp2/images/h1-nocategory.gif) repeat-x; } #content-body .highlight { padding: 0px 10px 0px 10px; background-color: #edf9fa; border: 1px solid #a5e1e5; margin: 10px 0px 10px 0px; } #content-body h2.heading { font-size: 18px; font-weight: 500; color: #fff; margin: 0px 0px 20px 0px; padding: 0px; } #content-body h2 { font-size: 17px; color: #004885; font-weight: bold; margin: 15px 0px 10px 0px; padding: 0px; } #content-body ul { margin: 10px 0px 10px 5px; list-style: none; line-height: 18px; font-size: 12px; padding: 0px;} #content-body ul li { background:url(/skins/jp2/images/bullet-arrow.gif) no-repeat 0px 3px; padding: 0px 0px 0px 20px; margin: 0px 0px 8px 0px; } #content-body blockquote { font-style: italic; font-size: 12px; line-height: 18px; padding: 0px 0px 0px 20px; background:url(/skins/jp2/images/bkground-blockquote-left.gif) top left no-repeat; margin: 10px 30px 10px 20px; } #content-body blockquote strong { display: block; padding: 5px 0px 0px 0px; } #content-body blockquote img { margin: 0px 0px 0px 5px; } #content-body td { line-height: 14px; font-size: 12px; } .locationTable td { vertical-align: top; width: 300px; padding: 0px 0px 15px 15px; } #contnet-home-cap { height: 35px; } #content-home-left { float: left; width: 282px; padding: 0px 10px 0px 15px; } #content-home-center { float: left; width: 292px; padding: 0px 0px 0px 15px; } #content-home-right { float: right; min-height: 300px; width: 333px; padding: 0px 0px 0px 10px; background: url(/skins/jp2/images/bg-right-nav.gif) repeat-y; } #content-home-right h2 { font-size: 16px; color: #4b4e51; font-weight: bold; margin: 8px 0px 0px 5px; padding:4px 0px 0px 25px; background: url(/skins/jp2/images/h2-commercial-cleaning.png) no-repeat; } #content-home-right h3 { font-size: 12px; font-weight: bold; margin: 0px 0px 0px 5px; padding: 0px; } #content-home-right .box-rounded { width: 311px; background: url(/skins/jp2/images/bkground-boxrounded2.gif) repeat-y; margin: 10px 0px 10px 5px; padding: 0px; } #content-home-right .box-rounded-header { width: 311px; height: 14px; background: url(/skins/jp2/images/bkground-boxrounded2-header.gif) no-repeat; margin: 0px 0px -10px 0px; } #content-home-right .box-rounded-footer { width: 311px; height: 14px; background: url(/skins/jp2/images/bkground-boxrounded2-footer.gif) no-repeat; } #content-home-right .box-rounded p { font-size: 11px; line-height: 14px; padding: 0px 12px 0px 12px; margin: 5px 0px 5px 0px; text-align: left; } #content-home-right .box-rounded table { margin: 10px 0px 0px 10px; } #content-home-right .box-rounded table tr { } #content-home-right .box-rounded table tr th { background: url(/skins/jp2/images/bg-sticky-note.jpg) no-repeat; vertical-align: top; text-align: center; width: 40px; margin: 0px; padding: 4px 2px; color: #777; } #content-home-right .box-rounded table tr th .month { font-size: 10px; line-height: 13px; } #content-home-right .box-rounded table tr th .day { color: #4d4d35; } #content-home-right .box-rounded table tr td { vertical-align: top; text-align: left; margin: 0px; padding: 0px 5px 10px 5px; } #content-cap { width: 980px; height: 22px; margin: 0px auto 0px auto; background: url(/skins/jp2/images/bg-body-cap.gif) no-repeat; } #content-cap.leftnav { background: url(/skins/jp2/images/bg-body-cap-leftnav.gif) no-repeat; } #wrapper-content.home #content-outer { background: url(/skins/jp2/images/bg-home-body.gif) repeat-y; } #wrapper-content.home #content { background: url(/skins/jp2/images/bg-sub-body-outer-home.jpg) no-repeat; } #wrapper-content.home #content-body { min-height: 350px; width: 962px; padding: 10px 0px 0px 0px; } #wrapper-content.home #content-cap { background: url(/skins/jp2/images/bg-body-cap-home.gif) no-repeat; } /* Footer Elements */ #wrapper-footer { margin: 0px; color: #eeeeee; font-size: 12px; } #footer { position: relative; width: 962px; min-height: 144px; margin: 10px auto 20px auto; } #footer a { color: #eeeeee; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer ul { list-style: none; margin: 7px 0px; padding: 0px; } #footer ul li { padding: 0px 0px 5px 22px; margin: 0px 0px 0px 2px; background: url(/skins/jp2/images/footer-bullet.gif) no-repeat; } #footer ul li.facebook { padding: 2px 0px 5px 24px; margin: 0px 0px 0px 0px; background: url(/skins/jp2/images/footer-facebook.gif) no-repeat; } #footer ul li.linkedin { padding: 2px 0px 5px 24px; margin: 0px 0px 0px 0px; background: url(/skins/jp2/images/footer-linkedin.gif) no-repeat; } #footer ul li.youtube { padding: 2px 0px 5px 24px; margin: 0px 0px 0px 0px; background: url(/skins/jp2/images/footer-youtube.gif) no-repeat; } #footer ul li.twitter { padding: 2px 0px 5px 24px; margin: 0px 0px 0px 0px; background: url(/skins/jp2/images/footer-twitter.gif) no-repeat; } #footer ul li.blogspot { padding: 2px 0px 5px 24px; margin: 0px 0px 0px 0px; background: url(/skins/jp2/images/footer-blogspot.gif) no-repeat; } #footer ul li.news { padding: 2px 0px 5px 24px; margin: 0px 0px 0px 0px; background: url(/skins/jp2/images/footer-news.gif) no-repeat; } #footer #usbgc { z-index: 2; position: absolute; bottom:0px; right: 5px; } #footer #col1 { float: left; width: 120px; margin: 0px 0px 0px 25px; } #footer #col2 { float: left; width: 175px; margin: 0px 0px 0px 15px; } #footer #col3 { float: left; width: 140px; margin: 0px 0px 0px 15px; } #footer #col4 { float: left; width: 160px; margin: 0px 0px 0px 15px; } #footer #col5 { float: left; width: 240px; margin: 0px 0px 0px 15px; } #footer address { font-weight: bold; margin: 7px 0px 0px 22px; } #footer-copy { font-size: 10px; color: #aaa; margin: 10px 0px 10px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #777; } #footer-copy p { margin: 0px; padding: 0px; text-align: left; } /* Image Replacement */ #footer h3 { overflow:hidden; background-repeat:no-repeat; height:0px !important; font-size:0px; margin: 0px; padding:22px 0px 0px 0px; height /**/:22px; } #h3-follow-us { background:url(/skins/jp2/images/footer-heading-follow-us.jpg) no-repeat; } #h3-clients { background:url(/skins/jp2/images/footer-heading-clients.jpg) no-repeat; } #h3-contact { background:url(/skins/jp2/images/footer-heading-contact.jpg) no-repeat; } #h3-franchising { background:url(/skins/jp2/images/footer-heading-franchising.jpg) no-repeat; } #h3-why-janpro { background:url(/skins/jp2/images/footer-heading-why-janpro.jpg) no-repeat; } /* Flash Detection */ #flash { width: 962px; height: 212px; line-height: 20px; position: relative; } #flash h2 { font-size: 17px; color: #004885; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px; } #flash-enviroshield { position: absolute; z-index: 1; width: 962px; height: 212px; background: url(../images/video-bg-enviro-shield-2.jpg) no-repeat; } #flash-enviroshield div.flash-info-tab { position: absolute; z-index: 2; top: 35px; left: 25px; width: 540px; height: 140px; } #flash-jp-guarantee { position: absolute; z-index: 3; width: 962px; height: 212px; background: url(../images/video-bg-jan-pro-guarantee.jpg) no-repeat; } #flash-jp-guarantee div.flash-info-tab { position: absolute; z-index: 4; top: 35px; left: 25px; width: 540px; height: 140px; } #flash-national-accounts { position: absolute; z-index: 5; width: 962px; height: 212px; background: url(../images/video-bg-national-accounts.jpg) no-repeat; } #flash-national-accounts div.flash-info-tab { position: absolute; z-index: 6; top: 35px; right: 60px; width: 540px; height: 140px; } #flash-why-jan-pro { position: absolute; z-index: 7; width: 962px; height: 212px; background: url(../images/video-bg-why-jan-pro.jpg) no-repeat; } #flash-why-jan-pro div.flash-info-tab { position: absolute; z-index: 8; top: 35px; right: 60px; width: 540px; height: 140px; } #player { display:block; width:675px; height:360px; border: solid 2px black; } .install-flash { background: #fff; padding: 10px; height: 212px; } .install-flash:after { content: "."; display: block; height: 0px; visibility: hidden;} .install-flash a { color: #333; } .install-flash img { float: left; margin: 0px 10px 0px 0px; } /* Misc Styles */ .left { float:left; } .right { float: right; } .lightgrey { color: #d1d1d1; } .red { color:red; } .center { text-align: center; } .margin-right { margin-right: 10px; } .margin-top { margin-top: 10px; } .margin-bottom { margin-bottom: 10px; } .small { font-size:11px; line-height:14px; } .large { font-size:14px; line-height:20px;} .img-left { float:left; margin:0px 10px 0px 0px; } .line { height:1px; background-color:#cecdcd; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden; } .nodis { display: none; } .clear{ clear: both; } .flush-left {margin-left:-5px;} .news-item {margin: 0px 0px 20px 0px;} .news-item h3 {margin: 0px;} .news-item p {margin: 0px;}