body { margin: 0; padding: 0; text-align: center; } body.gradient { /*background: #009AE7 url(/images/bg/gradebg.jpg) repeat-x; */ background: #CDE4EF url(/images/bg/gradebg07.jpg) repeat-x; } body.gradientkrzr { /*background: #009AE7 url(/images/bg/gradebg.jpg) repeat-x; */ background: #000000 url(/images/bg/gradeKrzr.jpg) repeat-x; } body, td { /*font: 8pt 'Lucida Grande', Arial, Verdana, Helvetica, serif; */ font: 8pt 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #676868; } div, p, h3, h4, h5, h6, h2, label, ol, li { -moz-box-sizing: border-box; } body#intro { background: url(/images/bg/mainhpbg.gif) repeat-x !important; } #navLevel1 a, #navLevel1 a:visited, #navLevel1 a:active, #navLevel1 a:link { color: #464646; text-decoration: none; } #navLevel2 a, #navLevel2 a:visited, #navLevel2 a:active, #navLevel2 a:link { color: #464646; text-decoration: none; } .navLevel5 a, .navLevel5 a:visited, .navLevel5 a:active, .navLevel5 a:link { color: #464646; text-decoration: none; } .navLevel5Left a, .navLevel5Left a:visited, .navLevel5Left a:active, .navLevel5Left a:link { color: #464646; text-decoration: none; } a, a:link, a:visited { color: #1E85D7; text-decoration: underline; } a:hover, #navLevel2 a:hover, .navLevel5 a:hover, .navLevel5Left a:hover { color: #195E95; text-decoration: underline; } div#hpFlashContainer { float: left; width: 400px; } div#gradeContainer { background: transparent url(/images/bg/h2bg.gif) repeat-x; padding-top: 10px; width: 770px; margin: 0 auto 0 auto; } div#introMainContainer { margin: 30px auto 0 auto; text-align: left; width: 770px; } div#introBusinessContainer h4 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #0087bf; font-weight: bold; margin-top: 8px; } div#hpMainContainer { margin: 10px auto 0 auto; padding:0; border: 0; text-align: left; width: 770px; border: 0; } div.genContainer { margin: 0 auto 0 auto; padding:0; border: 0; text-align: left; width: 770px; border: 0; } div#introQuickLinksTop, div#hpQuickLinksTop { color: #666666; margin-bottom: 12px; text-align: right; width: 500px; margin-top: 4px; float: right; font-size: 7pt; } div#hpQuickLinksTop { margin-top: 6px; float: left; width: 570px; } div#introQuickLinksTop a, div#introQuickLinksTop a:visited, div#hpQuickLinksTop a, div#hpQuickLinksTop a:visited, div#hpFooter a, div#hpFooter a:visited { color: #666666; margin-right: 8px; } div#introSiteId { background: url(/images/elements/siteid.gif) no-repeat; height: 30px; margin-left: 30px; width: 140px; font: 8pt Georgia, "Times New Roman", Helvetica, serif; color: #929292; padding-top: 20px; padding-left: 3px; font-weight: bold; float: left; } div#hpSiteIdRegion { height: 35px; margin: -7px 0 0 5px !important; margin: 0 0 0 2px; padding-top: 0; padding-left: 3px; width: 180px; float: left; font-size: 7pt; color: #000; font-weight: bold; cursor: pointer; border: 0; } div#navLevel2 div#hpSiteId { background: url(/images/elements/siteid.gif) no-repeat; width: 190px; height: 21px; float: left; margin-left: 17px; } div#hpsiteIdRegion div#hpSiteId { background: url(/images/elements/siteid.gif) no-repeat; width: 190px; height: 21px; margin-left: 0; } div#hpsiteIdRegion div#hpSiteId_distributors { background: url(/images/elements/siteid_distributors.gif) no-repeat; width: 172px; height: 35px; margin-left: 0; } div#regionId { padding-left: 4px; width: 190px; } div#hpSiteIdRegion a { color: #1E85D7 !important; margin-left: 10px; } div, h3, label, ul { -moz-box-sizing: border-box; } img, input { behavior: url("/css/pngbehavior.htc"); } img { border: 0; } h1, h2, h1#flaheader { font: 14pt Georgia, "Times New Roman", Helvetica, serif; margin: 0; padding: 0; color: #525252; } h3, h4 { color: #525252; font: 14pt Georgia, "Times New Roman", Helvetica, serif; margin: 0; padding: 0; } h2.blue { color: #1182C3; } h3.dark_blue { color: #0086BE; font: bold 12pt Georgia, "Times New Roman", Helvetica, serif; margin: 0 0 0 15px; padding: 0; } h5 { color: #508DBE; font-size: 9pt; font-weight: bold; margin-top: 5px; margin-bottom: 4px; } h5.orange { color: #FF8A00; } h5 a { text-decoration: none !important; color: #508DBE !important; } h6.green { color: #69A100; font-size: 8pt; font-weight: bold; text-transform: uppercase; margin: 2px; } h3 { font: bold 9pt Georgia, "Times New Roman", Helvetica, serif; color: #676868; } h3.support { padding-left: 20px; padding-top: 20px; padding-bottom: 20px; background-color: #E9E9E0; margin:0; } h3.blue { color: #55AED4; margin-bottom: 2px; } h2.green { color: #11B257; font-size: 13pt; margin-bottom: 2px; } h3.green { color: #11B257; margin-bottom: 2px; } h3.darkBlue { color: #0079BF; margin-bottom: 2px; } span.heading1 { color: #0079BF; margin-bottom: 2px; font-weight:bold; } hr { border: 0; margin: 15px 0 15px 0; color: #F0F0F0; background-color: #F0F0F0; height: 1px; } .back_to { float: right; margin-top: 2px; display: block; font-size: 7pt; margin-right: 10px; text-align: right; border-left: 1px solid #DFDFDF; padding-left: 20px; margin-right: 5px; padding-bottom: 10px; margin-bottom: 15px; margin-left: 20px; } hr.header { margin:0; padding:0; } hr.pricing { border: 0; margin: 2px 0 2px 0; color: #000; background-color: #000; height: 1px; } hr.clear { clear: both; } hr.clearDark { clear: both; color: #D3D3D3; background-color: #D3D3D3; } hr.nl6 { margin: 0; } label.bold { font-weight:bold; } div.center { text-align: center; } div.right { text-align: right; } div.mContainer { float: left; width: 281px; } div#yourNextVisit, div#myAccountAccess, div#selectARegion, div#myAccountSegment, div#myAccountLoading, div.myAccountPassword { background: url(/images/bg/panelIntro281x233.gif) no-repeat; border: 0; height: 233px; margin: 0; padding: 1px; width: 281px; } div#mainContainerOuter { width: 281px; height: 233px; overflow: hidden; } div#mainContainerInner { width: 281px; position: relative; top: -233px; } div#selectARegion { background: url(/images/bg/panelIntroGreen281x233.gif) no-repeat; } div#yourNextVisit .radio, div#myAccountAccess .radio, div#myAccountSegment .radio, div.myAccountPassword .radio { clear: left; float: left; margin: 5px auto auto 65px !important; margin: 6px auto auto 65px; } div#myAccountSegment .radio { margin-left: 90px; } div#yourNextVisit br, div#myAccountAccess br, div#selectARegion br, div#myAccountSegment br, div#myAccountLoading br, div.myAccountPassword br { border: 0; clear: both; height: 0; margin: 0; padding: 0; width: 0; } div#yourNextVisit form, div#myAccountAccess form, div#myAccountSegment form, div.myAccountPassword form { border: 0; margin: 0; padding: 0; } div#yourNextVisit h1, div#myAccountAccess h1, div#selectARegion h1, div#myAccountSegment h1, div#myAccountLoading h1, div.myAccountPassword h1 { margin: 12px 10px 0 20px; padding: 1px; } div#yourNextVisit label { clear: right; display: block; float: left; margin: 5px auto auto 5px !important; margin: 10px auto auto 10px; } div#yourNextVisit p, div#myAccountAccess p, div#selectARegion p, div#myAccountSegment p, div#myAccountLoading p, div.myAccountPassword p { margin: 12px 30px 10px 40px; } div#myAccountAccess .input, div.myAccountPassword .input { width: 70px; font-size: 9pt; margin-right: 20px; } div#myAccountAccess label, div.myAccountPassword label { float: left; width: 70px; margin-right: 25px; } div#myAccountAccess #formContainer, div.myAccountPassword .formContainer { border: 0; padding:1; margin-left: 55px; } div#myAccountAccess #formContainer label#rememberme, div#myAccountSegment #formContainer label, div.myAccountPassword .formContainer label { margin: 0 0 auto 7px; width: 120px; padding: 3px 0; display: block; } div#myAccountSegment #formContainer label { float: left; clear: right; padding: 6px 0; } div#myAccountAccess #formContainer .checkbox, div.myAccountPassword .formContainer .checkbox { float: left; } div#remember, div#loginIntro { margin-left: 30px; margin-right: 30px; margin-top: 20px; } div#loginIntro { width: 140px; } label#rememberme a, label#rememberme a:visited, label#rememberme a:active { color: #666666; text-decoration: none; } label#rememberme a:hover { color: #666666; text-decoration: underline; } div#remember a, div#remember a:visited { margin-top:6px; color: #7CBE01; text-decoration: underline; float: left; font-weight: bold; } div#regionClose { border: 1px solid black; background-color: white; color: #666666; position: relative; top: -200px; left: 250px; width: 18px !important; width: 12px; font-weight: bold; margin: 0; padding: 1px 4px 1px 5px; cursor: pointer; } ul.regions { padding: 15px; float: left; width: 100px; margin: 0 0 0 7px !important; margin: 0 0 0 9px; } ul.regions li { border: 1px solid #FFF; cursor: pointer; } ul.regions li.active { border: 1px solid #7CBE01; } div#regionContainerOuter { overflow: hidden; width: 216px; margin: 0 0 0 30px; } div #regionContainerInner { width: 500px; position: relative; } .prevRegionDisabled { color: gray; text-decoration: none; margin-left: 40px; } .prevRegion { color: #7CBE01; text-decoration: underline; margin-left: 40px; font-weight: bold; } .nextRegionDisabled { color: gray; text-decoration: none; float: right; margin-right: 40px; } .nextRegion { color: #7CBE01; float: right; margin-right: 40px; text-decoration: underline; font-weight: bold; } div#introElbo { background: url(/images/elements/introelbo.gif) no-repeat; width: 85px; height: 20px; position: absolute; display: none; } div#hpFooter { clear: both; width: 770px; font-size: 7pt; } span.highlight { background-color: #FFFDCB; padding: 1px; } span#copyright { margin-right: 50px; color: #666; } div#selectARegionButton { border: 0; margin-top: 10px; cursor: pointer; width: 104px; height: 21px; margin-left: 576px; /* highlight background: url(/images/buttons/selectaregion.gif) no-repeat 0 -21px; */ background: url(/images/buttons/selectaregion.gif) no-repeat; } /* form buttons */ #continue80x27, .continue80x27 { width: 80px; height:27px; border: 0; margin-left: 100px; padding:0; margin-top: 10px; } #login61x27 { width: 61px; height:27px; border: 0; padding:0; float: right; } .l { padding:4px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; background-color:#fbfbfb; color: #333; clear: left; margin:0; } div#myAccountAccess .inputError, div.myAccountPassword .inputError { background-color: #F8E0DE; clear: none; } .inputError { background-color: #F8E0DE; /* padding:4px; font: 11px/14px Arial, Helvetica, sans-serif; */ border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; color: #333; clear: left; margin:0; } select { padding: 2px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; background-color: #fbfbfb; font: 11px/14px Arial, Helvetica, sans-serif; color: #333; } div#errorContainerWrapper { border: 1px solid red; height: 200px; position: absolute; } div#errorContainer { border: 3px solid white; background-color: #C03427; color: white; padding: 4px 8px 6px 8px; margin: 5px 0 10px 0 !important; margin: 10px 0 10px 0; position: absolute; text-align: left; top: 0; left: 0; display:none; } div.errorContainerPost, div.messageContainerPost { margin-bottom: 10px; padding-left: 20px; clear:both; width: 700px; margin-left: 20px; } div.errorContainerPost a, div.errorContainerPost a:visited, div.errorContainerPost a:active { color: #FFC600; text-decoration: underline; } div.messageContainerPost a, div.messageContainerPost a:visited, div.messageContainerPost a:active { color: #FFF000; text-decoration: underline; } div.errorContainerPost div { background-color: #C03427; color: white; } div.messageContainerPost div { background-color: #7CBE01; color: white; } div.errorContainerPost div.t, div.errorContainerPost div.b, div.messageContainerPost div.t, div.messageContainerPost div.b { clear: both; height: 8px; border:0; font-size: 0; } div.errorContainerPost .tl, div.messageContainerPost .tl { background: url(/images/elements/errorCornerTL.gif) no-repeat; height: 8px; width: 8px; margin:0; padding:0; border:0; float: left; } div.errorContainerPost .tr, div.messageContainerPost .tr { background: url(/images/elements/errorCornerTR.gif) no-repeat; height: 8px; width: 8px; margin:0; padding:0; border:0; float: right; } div.errorContainerPost .bl, div.messageContainerPost .bl { background: transparent url(/images/elements/errorCornerBL.gif) no-repeat; height: 8px; width: 8px; margin:0; padding:0; border:0; float: left; clear: left; } div.errorContainerPost .br, div.messageContainerPost .br { background: transparent url(/images/elements/errorCornerBR.gif) no-repeat; height: 8px; width: 8px; margin:0; padding:0; border:0; float: right; } div.errorContainerPost .ecMain, div.messageContainerPost .ecMain { clear: both; margin-top:0; padding:0; border:0; padding: 0 14px; text-align: left; } div.errorContainerPost ul { list-style-image: url(/images/elements/bullets/errorX.gif); } div.messageContainerPost ul { list-style-image: url(/images/elements/bullets/arrow_greenongreen.gif); } div.errorContainerPost .nub, div.messageContainerPost .nub { width: 29px; height: 19px; margin:0 0 0 30px; padding:0; } div#errorContainer h4 { color: #FFF; margin:0; font-size: 12px;} div#errorContainer p { color: #FFF; margin: 0; margin-top: 5px; } #errorBottomFloat { display: none; position: absolute; z-index: 4; border: 0; width: 23px; height: 12px; } div#loading27 { text-align: center; } /* homepage */ div#letsGoShopping { text-align: left; padding: 0 0 0 15px; margin: 5px 5px 0 0; border: 0; float: left; } div#letsGoShopping ul { float: left; margin: 0 6px 0; border: 0; padding:0; list-style-type: none; } div#letsGoShopping li { letter-spacing: normal !important; } div#letsGoShopping h2 { padding: 0 0 10px 25px; background: transparent url(/images/elements/icons/heading_shoppingbag.gif) no-repeat 0px 3px; } div#selectIndustry h3 { padding: 17px 0 10px 30px; background: transparent url(/images/elements/icons/heading_barchart.gif) no-repeat 0px 3px; font-size: 8pt; height: 42px; font-weight: bold; margin:0; } div#selectIndustry ul { margin: 0 6px 15px 25px; border: 0; padding:0; list-style-type: none; } div#selectIndustry li { letter-spacing: normal !important; } div#letsGoShopping a, div#letsGoShopping a:visited, div#letsGoShopping a:active { color: #0087BE; text-decoration: underline; } div#bestSellers a, div#bestSellers a:visited, div#bestSellers a:active { color: #0087BE; text-decoration: underline; font-weight: normal; } div#promoLevel1 { height: 245px; margin:0; padding:0; } div#promoLevel1 #myContainer { } div#promoLevel1 #promoContainer { float: right; } div#promoLevel2 { width: 570px; padding: 0; margin:0; border: 0; } div#promoLevel3 { clear: both; text-align: left; width: 550px; margin: 20px 0 0 15px; overflow: auto; border: 0; padding:0; } div#promoLevel3 h2 { padding: 0 0 10px 25px; background: transparent url(/images/elements/icons/heading_downarrow.gif) no-repeat 0 4px; float: left; margin-right: 10px; } div#promoLevel3Inside { width: 1000px; position: relative; } div#promoLevel3 div.promo, div#promoLevel3 div.promoActive { width: 160px; padding: 0; float: left; margin: 0; padding:0; border:0; } div#promoLevel3 div.promo h3, div#promoLevel3 div.promoActive h3 { font-size: 8pt; text-transform: uppercase; font-weight: bold; margin-top: 5px; } div#promoLevel3 div.promo h4, div#promoLevel3 div.promoActive h4 { font: 9pt 'Lucida Grande', Arial, Verdana, Helvetica, serif; font-weight: bold; color: #0087BE; } div#promoLevel3 div.promoActive h4 { color: #FFA100; } div#promoLevel3 div.promo p, div#promoLevel3 div.promoActive p { font-size: 7pt; margin: 0; padding: 0; border: 0; } div#promoLevel3 div.promoActive { cursor: pointer; } div.line { background: transparent url(/images/elements/lines/dotted.gif) repeat-y; height: 200px; width: 1px; float: left; margin:0 14px 0 14px; padding:0; border: 0; } div#promoLevel3 #FeaturesPrev, div#promoLevel3 #FeaturesNext { color: #929292; margin: 7px 0 0 5px; padding: 0; border: 0; text-decoration: none; display: block; float: left; } div#promoLevel3 #FeaturesPrev.active, div#promoLevel3 #FeaturesNext.active { color: #7CBE01; text-decoration: underline; } div#bestSellers { font-weight: bold; text-align: left; margin: 7px 0; } div#bestSellers p, ol#bestSellersH { font: 7pt 'Lucida Grande', Arial, Verdana, Helvetica, serif; font-weight: normal; width: 95px; float: left; padding: 7px 0; } ol#bestSellersH { width: 540px; float: none; } img.bs60x74 { width:60px; height: 74px; border:0; } div#bestSellers ol, ol#bestSellersH { list-style-position: inside; padding: 7px 7px 0; margin: 0; clear: both; } div#bestSellers ol { width: 180px; border-left: 1px solid #929292; border-right: 1px solid #929292; } ol#bestSellersH li { float: left; width: 160px; margin-right: 12px; white-space: normal; } div#bestSellers li { clear: both; margin: 0; padding:0; border:0; } div#bestSellers li img, ol#bestSellersH li img { float: left; margin: 2px 2px 0 0 !important; margin: 0 2px 0 0; } div#bestSellers img { float: left; margin: 0 2px 0 0; } div#hpBottomLeftContainer { float: left; margin: 0; padding: 0; } div#hpBottomRightContainer { padding: 5px 0; margin: 0 0 0 12px; float: left; } #rbottom { display: none; margin-left: 1px; } div#hpRegionContainer { display: none; border-right: 1px solid #929292; border-left: 1px solid #929292; width: 180px; overflow: hidden; margin: 0; } div#hpRegionContainer p { margin: 5px 8px 6px 6px; font-size: 7pt; } div#hpRegionContainer form { text-align:center; margin: 4px 0; padding: 0; border:0; } #bhpSide180x120 { margin: 4px 0 4px 0; } div#shadowLine { padding: 20px 0; background: transparent url(/images/bg/shadow_line.jpg) repeat-x; } br.clear, div.clear { clear: both; line-height: 0; height: 0; width:0; border:0; font-size:0; } div#AjaxTarget b { color: #676868; } img.priceLrgLeft, img.grayLrgLeft { float: left; margin: 0 0 0 15px; width: 16px; height: 29px; border:0; padding:0; } img.priceLrgRight, img.grayLrgRight { float: left; width: 16px; height: 29px; border:0; margin:0 !important; padding:0; margin: 0 0 0 -3px; } div.priceLrgMiddle, div.grayLrgMiddle { background-color: #EFEFEF; height: 29px; float: left; width: 300px; font: 8pt Georgia, "Times New Roman", Helvetica, serif; padding-top: 5px; margin:0; } div.grayLrgMiddle a { font: bold 8pt 'Lucida Grande', Arial, Verdana, Helvetica, serif; } div.grayLrgMiddle#moving { width: 550px; } div.grayLrgMiddle#moving a { margin-left: 80px; position: relative; top: 2px; } div.priceLrgMiddle .price { font: bold 10pt Georgia, "Times New Roman", Helvetica, serif; margin-right: 5px; } /* garbage */ div.garbage { display: none; border: 1px solid #FFC0CB; } sup { margin-left: 5px; font-size: 7pt; } /* ----------------------------------------------------------------------------- FORM ELEMENTS -----------------------------------------------------------------------------*/ td.right { text-align: right; vertical-align: top; padding-top: 6px; } td.center { text-align: center; } span.required { color: #F85301; } label.small { font-size: 7pt; float: none; } label.singleLine { width: 150px; } .textBox { padding: 4px !important; padding: 0 4px 0 4px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; background-color:#fbfbfb; font: 11px/14px Arial, Helvetica, sans-serif; color: #333; clear: left; margin:0; } .textbox2 { padding: 4px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; background-color:#fbfbfb; font: 11px/14px Arial, Helvetica, sans-serif; color: #333; clear: left; margin:0; height: 24px; } input.error { background-color: #F8E0DE; } select { padding: 2px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; background-color: #fbfbfb; font: 11px/14px Arial, Helvetica, sans-serif; color: #333; } div.perPage select { padding: 2px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; background-color: #fbfbfb; font: 9px/10px Arial, Helvetica, sans-serif; color: #333; } span.inputContainer { float: left; display: block; clear: right; margin-top: 10px; _margin-top: 0; margin-right: 12px; padding: 0; } span.inputContainer input { _margin-left: -40px;} span.descriptor { clear: left; display: block; font-size: 7pt; margin-top: 3px; color: #7F7F7F; } td.radioContainer { border: 1px solid #D7D7D7; } td.radioContainer .left { float: left; width: 45%; margin-left: 10px; padding: 8px; } td.radioContainer .right { float: left; width: 45%; margin-left: 10px; padding: 8px; border-left: 1px solid #D7D7D7; } table.pricing { border: 0; padding:0; margin:0; width: 100%; } table.pricing td.right { border: 0; padding:0; text-align: right; } table.basic { border: 0; padding:0; margin:0; width: 100%; } table.basic th { border-top: 1px solid #E4E4E4; color: #508DBE; font-size: 8pt; font-weight: bold; text-align: left; } table.basic td { border-left: 1px solid #E4E4E4; font-size: 7pt; } table.basic tr.total td { background-color: #E9F0F5; } table.basic tr { vertical-align: top; } table.history { border: 0; padding:0; margin:0; width: 100%; } table.history th { border-top: 1px solid #E4E4E4; color: #508DBE; font-size: 8pt; font-weight: bold; text-align: left; } table.history td { border-left: 1px solid #E4E4E4; font-size: 8pt; } table.history td b { color: #508DBE; } table.history tr.total td { background-color: #E9F0F5; } table.history tr { vertical-align: top; } table.history ul { margin-left: 0; padding-left: 0; list-style-type: none; } table.history .viewDetails { margin-left: 10px; } div.ldPlan { float: left; width: 120px; margin-right: 10px; padding: 10px; border: 1px solid transparent !important; border: 1px solid #FFF; } div.ldPlan Active h5 { color: #FFF; } div.ldPlanActive { border: 1px solid #1E85D7; float: left; width: 120px; margin-right: 10px; padding: 10px; cursor: pointer; } div.leftContainer { width: 540px; float: left; padding-left: 15px; } div.rightContainer { width: 200px; float: left; clear: right; padding-left: 27px; min-height: 300px; } div.shadowBox { background: transparent url(/images/bg/h2bg.gif) repeat-x; padding-top: 11px; width: 100%; min-height: 35px; clear: both; padding-top: 20px; } div.shadowBoxNoPad { background: transparent url(/images/bg/h2bg.gif) repeat-x; width: 100%; min-height: 35px; clear: both; } div.shadowBoxShallow { background: transparent url(/images/bg/h2bg.gif) repeat-x; padding-top: 11px; min-height: 35px; clear: both; padding-top: 7px; } div.shadowBoxShallowPad { background: transparent url(/images/bg/h2bg.gif) repeat-x; clear: both; padding-top: 10px; padding-left: 20px; padding-right: 20px; } div.shadowBoxShallowPadOrder { background: transparent url(/images/bg/h2bg.gif) repeat-x; width: 100%; min-height: 35px; clear: both; padding-top: 20px; padding-left: 20px; padding-right: 20px; } div.shadowBoxShallowPad h2 { margin-bottom: 10px; } div.shadowBoxPad { background: transparent url(/images/bg/h2bg.gif) repeat-x; padding-top: 11px; width: 100%; min-height: 35px; clear: both; padding-top: 20px; padding-left: 20px; padding-right: 20px; } h4 { color: #676868; font: 8pt 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-weight: bold; } h2.mar20 { margin-left: 15px; margin-top: 8px; margin-bottom: 9px; } div.flash770x201 { margin-top: 3px; } div.circleSmallLeft { float: left; background: transparent url(/images/elements/curvedBoxes/circlesmall_left.gif) no-repeat top right; width: 12px; height: 25px; border:0; } div.circleSmallRight { float: left; clear: right; background: transparent url(/images/elements/curvedBoxes/circlesmall_right.gif) no-repeat top left; width: 12px; height: 25px; border:0; } div.circleSmallCenter { background-color: #F3F3F3; height: 25px; padding-top: 5px; float: left; text-align: center; } div.circleSmallCenter a { margin-right: 10px; } div#tos p { font-size: 7pt; } div#internetRightBottom { clear: left; padding: 8px 15px; } div#internetRight { float: left; margin-left: 8px; width: 339px; } .hppriceBubble { position: relative; left: -30px; margin-top: 10px; float: left; } div#hpPricingContainer { margin-left: 30px; } div#hpPricingContainer div#hpBasic { background: transparent url(/images/products/homephone/basicbg.gif) repeat-x; width: 500px; padding-bottom: 20px; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; } div#hpPricingContainer div#hpBasic ul { float: left; margin: 0; padding: 0; list-style-type: none; width: 120px; margin-right: 10px; } div#hpPricingContainer div#hpBasic h3 { padding-top: 40px; } div#hpPricingContainer div#hpCompleteConnections { background: #FCFCFC url(/images/products/homephone/completeconnectionsbg.gif) repeat-x; padding-bottom: 20px; width: 500px; margin:0; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; } div#hpPricingContainer div#hpCompleteConnections ul { float: left; margin: 0; padding: 0; list-style-type: none; width: 120px; margin-right: 10px; } div#hpPricingContainer div#hpCompleteConnections h3 { padding-top: 20px; margin-bottom: 10px; } div#hpPricingContainer div#hpBundles { background: #EFF8FF url(/images/prod ucts/homephone/unlimbg.gif) repeat-x; background: #FCFCFC url(/images/products/homephone/completeconnectionsbg.gif) repeat-x; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; width: 500px; padding-bottom: 20px; } div#hpPricingContainer div#hpBundles ul { float: left; margin: 0; padding: 0; list-style-type: none; width: 120px; margin-right: 10px; } div#hpPricingContainer div#hpBundles h3 { padding-top: 20px; margin-bottom: 30px; } div#hpPricingContainer div#hpCompleteConnections li, div#hpPricingContainer div#hpBundles li, div#hpPricingContainer div#hpBasic li { margin-bottom: 5px; font: 9px Arial, Verdana, Helvetica, serif; background: transparent url(/images/nav/arrow_white.gif) no-repeat 5px 2px !important; background: transparent url(/images/nav/arrow_white.gif) no-repeat 5px 4px; padding: 0 0 0 13px; color: #707070; border: 0; } div#hpPricingContainer li a, div#hpPricingContainer li a:visited, div#hpPricingContainer li a:active, div#hpPricingContainer li a:link { color: #464646; text-decoration: none; } div#hpPricingContainer a:hover { color: #195E95; text-decoration: underline; } img.canBeBundled_right { float: right; position: relative; top: 10px; margin-right: 20px; width: 90px; height: 44px; } #vidbutdiv { float: left; width: 272; border:0; margin:0; padding:0; } #moviediv { float: left; margin-left: 10px; border: 0; padding: 0; width: 240px; height: 180px; background-color: black; } #bluebg { background: url(/images/products/homephone/stackup/bluebg.jpg) repeat-x; height: 230px; } #stackupdiv { width: 240px; _width: 270px; background: url(/images/products/homephone/stackup/lightbluebg.jpg) repeat-x; height: 500px; float: left; padding: 20px; } div#qualifyContainer { margin-left: 20px; } div#qualifyContainer input { margin-left: 10px; } div#internetLeft { width: 400px; float: left; padding-left: 15px; margin-right: 10px; border: 0; } ul.orange { list-style-type: none; margin: 13px 0 10px 10px; padding:0; border:0; } ul.orange li { background: transparent url(/images/elements/bullets/arrow_orange.gif) no-repeat 10px 3px; padding-left: 20px; margin-bottom: 5px; } /* dave added this. hope it no break stuff */ p { margin-top:10px; margin-bottom: 10px; } th p { font-size: 8pt; font-weight: normal; } p.indented { padding-left: 15px; padding-right: 15px; } p.mar20 { margin-left: 20px; margin-right: 20px; } div.overviewContainerActive { float: left; width: 170px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #1E85D7; cursor: pointer; padding: 5px; } div.overviewContainer, div.gatewayContainer, div.overviewEndContainer { float: left; width: 170px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #FFF; padding: 5px; } div.gatewayContainer { width: 120px; } div.overviewEndContainer { margin-right: 0; width: 35%; width: 160px; } div#recentInquiryContainer div.overviewContainer, div#recentInquiryContainer div.overviewEndContainer { width: 125px; margin-left: 10px; } div#recentInquiryContainer .more { width: 93px; height: 27px; border:0; margin:0; padding:0; } div.pad20 { padding-left: 20px; padding-right: 20px; } div.selectContainer { margin-bottom: 20px; background-color: #F6F6F6; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 2px 0 2px 20px; } div.selectContainer label { margin-top: -3px; } div.selectContainer form { margin:0; padding:0; border:0; } div.dt table { width: 100%; border-top: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; } div.dt td.middle { text-align: center; } div.dt th { font: 8pt 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-weight: bold; border-right: 1px solid #F1F1F1; text-align: left; padding: 6px; border-bottom: 1px solid #F1F1F1; white-space: nowrap; } div.dt td { padding: 6px; border-right: 1px solid #F1F1F1; vertical-align: top; } div.dt tr.odd td { background-color: #FFFFFF; } div.dt tr.even td { background-color: #F5F8FE; border-top: 1px solid #EEF3F8; border-bottom: 1px solid #EEF3F8; } div.dt tr.highlight td { border-bottom: 2px solid #3480bb; background-color: #F5F8FE; } div.dt td.minutes { font-size:12px; font-weight: bold; } div.dt tr.total td { background-color: #FEFBF5; border-top: 1px solid #F8F3EE; border-bottom: 1px solid #F8F3EE; } div#recentInquiryContainer { background: transparent url(/images/products/gateway/inquirybg.jpg) no-repeat right top; width: 750px; padding-top: 20px; padding-left: 20px; padding-right: 20px; overflow: auto; margin-left: 10px; } div#gateProdContainer { background: transparent url(/images/products/gateway/producthelp.jpg) no-repeat right top; width: 750px; padding-top: 20px; padding-left: 20px; padding-right: 20px; overflow: auto; margin-left: 10px; } div#open247Container { background: transparent url(/images/products/gateway/open247.jpg) no-repeat; width: 750px; padding-top: 20px; padding-left: 400px; padding-right: 20px; overflow: auto; margin-left: 10px; } span.priceUp { font-size: 15pt; } span.priceDown { vertical-align: top; } div.planBar { background: transparent url(/images/nav/level3bg.gif) repeat-x; height: 31px; padding: 7px 0 0 10px; } div.planBar h4 { color: #676868; font: 8pt 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-weight: bold; } td.center { text-align: center; } td.top { vertical-align: top; } td.top_right { vertical-align: top; text-align: right; } small.example { display: block; margin-top: 4px; margin-left: 2px; font-size: 8pt; } sup small { font-size: 5pt; } div.headingBar { background: transparent url(/images/bg/headingbar.jpg) repeat-x; height: 35px; width: 100%; } ul#flashMainCounter { list-style-type: none; margin: 4px 0; padding:0 10px 0 0; border:0; overflow: auto; float: right; } ul#flashMainCounter li { padding: 1px 4px 1px 4px; margin-left: 10px; text-align: center; font-size: 8pt; font-weight: bold; border: 2px solid #FFF; float: left; cursor: pointer; } ul#flashMainCounter li.active { border: 2px solid #0087BE; } img.243x160 { width: 243px; height: 160px; border: 0; } span.red-slash { color: red; font-weight: bold; text-decoration: line-through; } span.slash { font-weight: bold; text-decoration: line-through; } span.special { color: #ff8800; font-weight: bold; } div#hpLoginBar { background: transparent url(/images/bg/hploginbg.jpg) repeat-x; width: 770px; height: 64px; border:0; margin:0; padding:4px 0; } img.button_account_access { width: 153px; height: 32px; float: left; border: 0; margin-top: 11px; margin-left: 15px; } div#hpMyForm { float: left; margin: 10px 0 0 15px; } div#MainFlash { width: 770px; height: 235px; } div#MainFlashBiz { width: 770px; height: 187px; } div.white { background-color: #FFF; overflow: auto; } div#myAccountOverviewContainer { background: transparent url(/images/bg/mymarketing.jpg) no-repeat; width: 500px; padding-top: 165px; padding-left: 20px; padding-right: 20px; float: left; margin-left: 10px; } div#myAccountOverviewContainer_biz { background: transparent url(/images/bg/mymarketing_biz.jpg) no-repeat; width: 500px; padding-top: 165px; padding-left: 20px; padding-right: 20px; float: left; margin-left: 10px; } div#myAccountNewFeaturesContainer { background: transparent url(/images/bg/newmybg.jpg) no-repeat; width: 500px; padding-top: 165px; padding-left: 20px; padding-right: 20px; float: left; margin-left: 10px; } img#icon_128bitlock { border: 0; float: left; margin-right: 5px; } img#icon_worryfree { border: 0; float: right; margin-left: 5px; width: 51px; height: 51px; } img#my_cbw_discount { border: 0; float: right; margin-left: 5px; width: 73px; height: 73px; } span.orangePrice { color: #FF7E00; font-weight: bold; } span.blue { color: #009ADF; font-weight: bold; } div.bottom_links { float: left; width: 540px; background: #f5f5f5; margin-left: 15px !important; margin-left: 7px; margin-top: 18px; padding: 10px 0 10px 3px; } div.bottom_links ul.gen_list_white li { float: left; border-right: 1px solid #888888; padding: 0 5px 2px 5px; margin: 0; color: #777777; font-size: 10px; } div.bottom_links ul.gen_list_white { margin: 2px 0 0 0; padding: 0; list-style-type: none; } div.bottom_links ul.gen_list_white li.last { border: 0; } div.locateStore div.errorContainerPost { margin-left: 20px !important; margin-left: 10px; margin-bottom: 20px; padding: 0; float: left; clear: left; width: 480px; } span.blueblob { background: url(/images/elements/icons/blueblob.gif) no-repeat; color: #FFF; width: 23px; height: 23px; float: left; text-align: center; font-size: 13px; padding-top: 3px; font-weight: bold; } ul.appList { list-style-type: none; margin:0; padding:0; border:0; } .appradio { margin-top: 3px; float: left; } ul.appList li label { float: left; margin: 6px 0 0 6px; font-weight: bold; } ul.appList li { width: 157px; background-color: #EEE; height: 26px; margin-bottom: 5px; } div.yellowBox { background-color: #FFFFE0; border: 1px solid #888864; padding: 8px; text-align: center; } div.greenBox { background-color: #F4FFDF; border: 1px solid #9DEC00; padding: 8px; } div.greenBox ul { padding-right: 20px; margin-top: 0; margin-bottom: 0; } image.selectplan { width: 94px; height: 27px; } /* for address validation */ div.new_service_left { background: transparent url(/images/elements/newline.jpg) no-repeat 30px 0; width: 270px; height: 273px; float: left; } div.new_service_right { float: left; width: 460px; } table.address_verification { margin: 10px 0 0 40px; } div.address_verification { margin: 20px 0 0 140px; } p.verify_address { margin: 40px 0 40px 140px; font-size: 14px; font-weight: bold; } /* N orders */ div#hpld_container { padding: 30px 30px 0 30px; } h3.sub_heading { clear: left; color: #008bbd; margin: 0; padding-top: 30px; font-size: 13px; } p.sub_heading { font-size: 12px; margin-top: 2px; margin-bottom: 20px; } div.bundle_plans { width: 350px; background: transparent url(/images/bg/bluefade.jpg) repeat-x top left; float: left; margin-left: 10px !important; margin-left: 5px; padding: 10px 0 10px 0; border: 1px solid #008bbd; } div.nonbundle_plans { width: 350px; float: left; margin-left: 0px; margin-top: 62px; } div.phone_plan { width: 158px; float: left; margin-left: 10px !important; margin-left: 5px; margin-right: 0px !important; margin-right: 5px; background: #eeeeee; } div.phone_plan h5 { font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 14px; margin-top: 0; } div.phone_plan h5.blue { color: #008bbd; } div.phone_plan ul { margin: 8px 0 0 0; padding: 0; list-style-type: none; } div.phone_plan ul li { background: transparent url(/images/nav/arrow_white.gif) no-repeat 5px 3px; border: 0; padding: 0 0 5px 13px; } .roundedcornr_top div { background: url(/images/elements/curvedBoxes/roundedcornr_tl.png) no-repeat top left; } .roundedcornr_top { background: url(/images/elements/curvedBoxes/roundedcornr_tr.png) no-repeat top right; } .roundedcornr_bottom div { background: url(/images/elements/curvedBoxes/roundedcornr_bl.png) no-repeat bottom left; } .roundedcornr_bottom { background: url(/images/elements/curvedBoxes/roundedcornr_br.png) no-repeat bottom right; } .roundedcornr_top div, .roundedcornr_top, .roundedcornr_bottom div, .roundedcornr_bottom { width: 100%; height: 13px; font-size: 1px; } .roundedcornr_content { padding: 0px 7px 0px 8px; height: 116px; } h3.value { font-weight: bold; font-size: 15px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 12px; color: #008bbd; } p.value { margin: 0 0 5px 12px; font-size: 11px; font-weight: bold; } div.phone_plan_pick { width: 158px; float: left; padding-top: 5px; text-align: center; margin-left: 10px !important; margin-left: 5px; margin-right: 0px !important; margin-right: 5px; background: #ffffff; color: #333333; } div.phone_plan_pick p { margin-top: 3px; margin-bottom: 0px; line-height: 12px; } span.pricemain { font-weight: bold; color: #333333; } span.pricepromo { font-weight: bold; color: #ff7000; } span.pricereg { color: #777777; font-size: 10px; } div.calling_services { width: 688px !important; width: 678px; margin-left: 10px; padding: 0; background: #eeeeee; } div.calling_services div.service, div.calling_services div.service_off { width: 158px; float: left; margin-left: 0px; margin-right: 10px !important; margin-right: 5px; margin-bottom: 3px; padding: 2px 0px 2px 2px; } div.calling_services div.service label { line-height: 20px; vertical-align: top !important; vertical-align: middle; color: #333333; } div.calling_services div.service_off label { line-height: 20px; vertical-align: top !important; vertical-align: middle; color: #bbbbbb; } div.long_distance_plans { float: left; width: 130px; margin-left: 10px !important; margin-left: 5px; padding: 0; } div.care_package { float: left; width: 175px; margin-left: 10px !important; margin-left: 5px; padding: 0; } div.long_distance_plans input.ld, div.care_package input.cp { float: left; margin-right: 6px !important; margin-right: 0px; } div.long_distance_plans label, div.care_package label, div.wireless_options label { line-height: 17px; vertical-align: top !important; vertical-align: middle; vertical-align: top; font-size: 12px; font-weight: bold; color: #333333; } div.listing_options label { line-height: 17px; vertical-align: top !important; vertical-align: middle; font-size: 12px; color: #333333; } div#unlisted label, div_phonenumber_options label { vertical-align: bottom !important; vertical-align: middle; font-size: 11px; color: #333333; } div.long_distance_plans p, div.care_package p, div.wireless_options p, div.listing_options p { margin-top: 0; margin-bottom: 0; margin-left: 24px; text-indent: 0 !important; text-indent: -3px; } div#unlisted h5 { margin-top: 0; margin-bottom: 5px; margin-left: 24px; text-indent: 0 !important; text-indent: -3px; } div#unlisted p { margin-bottom: 10px; } div.ld_addons { clear: left; color: #333333; margin-left: 60px; padding-top: 15px !important; padding-top: 8px; padding-right: 80px; } div.zt_addons, div.fuse_addons { clear: left; color: #333333; margin-left: 60px; margin-bottom: 25px; padding-top: 15px !important; padding-top: 8px; padding-right: 80px; } div.ld_addons label, div.zt_addons label, div.fuse_addons label { font-weight: bold; } div.ld_addons p, div.zt_addons p, div.fuse_addons p { color: #777777; margin: 0 0 5px 20px; } div#hpld_container div.continue_button { clear: both; padding-top: 20px; text-align: right; } div.skip_step { float: right; width: 200px; text-align: right; padding-right: 7px; padding-top: 14px; font-size: 12px; font-weight: bold; } div.internet_options { float: left; background: transparent url(/images/products/internet/lappygirlbg2.jpg) no-repeat top right; width: 680px; margin-left: 10px !important; margin-left: 5px; padding: 0; } div.internet_options2 { float: left; width: 680px; margin-left: 10px !important; margin-left: 5px; padding: 0; margin-top: 20px; } div.internet_options input.int, div.internet_options2 input.int, div.wireless_options input.wl, div.listing_options input { float: left; margin-right: 6px !important; margin-right: 0px; } div.phonenumber_options input { margin-right: 6px !important; margin-right: 0px; } div#unlisted input, div.listing_options div#unlisted input { margin-right: 6px !important; margin-right: 0px; float: none; } div.internet_options label, div.internet_options2 label { font-size: 14px; font-weight: bold; color: #333333; } div.internet_options p { padding-right: 170px; font-size: 12px; margin-top: 3px; margin-bottom: 0; margin-left: 24px; text-indent: 0 !important; text-indent: -3px; } div.internet_options2 p { font-size: 12px; margin-top: 3px; margin-bottom: 0; margin-left: 24px; text-indent: 0 !important; text-indent: -3px; } div.internet_options ul { width: 500px; margin: 8px 0 0 35px; padding: 0; list-style-type: none; } div.internet_options2 ul { margin: 8px 0 0 35px; padding: 0; list-style-type: none; } div.internet_options ul li, div.internet_options2 ul li { float: left; width: 160px; background: transparent url(/images/nav/arrow_white.gif) no-repeat 5px 3px; border: 0; margin-top: 8px; padding: 0 5px 5px 13px; } div.fuse_addons ul { margin: 8px 0 0 35px; padding: 0; list-style-type: none; } div.fuse_addons li { background: transparent url(/images/nav/arrow_white.gif) no-repeat 5px 3px; border: 0; padding: 0 5px 5px 13px; color: #777777; } div.wireless_options, div.listing_options, div.phonenumber_options { float: left; width: 550px; margin-left: 10px !important; margin-left: 5px; padding: 0; margin-bottom: 20px; } div#current_wireless { clear: left; margin-left: 35px; margin-top: -10px; margin-bottom: 20px; } span.important_note { font-size: 11px; color: #cc3333; font-weight: bold; } table.onetimefees { width: 450px; padding: 0; margin: 20px 0 0 0; border: 0; border-collapse: collapse; } table.onetimefees td { padding: 3px; } table.onetimefees td.right { padding-right: 12px; text-align: right; } .onetimefee_icon { width: 24px; height: 24px; float: left; margin-right: 8px; } table.onetimefees tr.basketheading2, table.onetimefees tr.basketheading2 td { background-color: #ffffff; } table.onetimefees tr.basketheading2 td { font-size: 14px; font-weight: bold; vertical-align: bottom; } table.onetimefees tr.basketeven td, table.onetimefees tr.basketodd td, table.onetimefees tr.basketsubtotal td, table.onetimefees tr.baskettotal td { padding-left: 35px; } table.onetimefees tr.basketodd, table.onetimefees tr.basketodd td { background-color: #eeeeee; } table.onetimefees tr.basketeven, table.onetimefees tr.basketeven td { background-color: #ffffff; } table.onetimefees tr.basketsubtotal td { font-weight: bold; } table.onetimefees tr.baskettotal td { font-weight: bold; background-color: #999999; color: #ffffff; } table.onetimefees tr.basketsubtotal td.right { border-top: 1px solid #777777; } table.onetimefees_payment { width: 350px; padding: 0; margin: 0 0 0 50px; border: 0; border-collapse: collapse; } table.onetimefees_payment td { padding: 3px; } table.onetimefees_payment td.right { font-weight: bold; text-align: right; } div#topRowContainer, div#topRowContainerconsumer, div#topRowContainergateway_post, div#topRowContainergateway_pre, div#topRowContainercustomer_support, div#topRowContainerbusiness, div#topRowContainerenterprise, div#topRowContainersoho, div#topRowContainerbusiness_customer_support, div#topRowContaineraboutus { background-color: #EFEFEF; text-align: center; height: 29px; margin: 0; } div#topRowContainerbusiness, div#topRowContainerenterprise, div#topRowContainersoho, div#topRowContainerbusiness_customer_support { background-color: #000; } div#navLevel1 { width: 770px; margin: 0 auto 0 auto; height: 29px; border: 0; } div#navLevel1 ul { list-style-type: none; margin: 0; padding: 0; } div#navLevel1 ul#left { float: left; margin: 0 0 0 20px; } div#navLevel1 ul#right { float: right; } div#navLevel1 ul li { float: left; margin: 6px 0; padding-right: 15px; font-weight: bold; color: #797979; font-size: 11px; } div#navLevel1 a, div#navLevel1 a:visited, div#navLevel1 a:active { color: #797979; text-decoration: none; } div#topRowContainerbusiness div#navLevel1 a, div#topRowContainerbusiness div#navLevel1 a:visited, div#topRowContainerbusiness div#navLevel1 a:active, div#topRowContainerenterprise div#navLevel1 a, div#topRowContainerenterprise div#navLevel1 a:visited, div#topRowContainerenterprise div#navLevel1 a:active, div#topRowContainersoho div#navLevel1 a, div#topRowContainersoho div#navLevel1 a:visited, div#topRowContainersoho div#navLevel1 a:active, div#topRowContainerbusiness_customer_support div#navLevel1 a, div#topRowContainerbusiness_customer_support div#navLevel1 a:visited, div#topRowContainerbusiness_customer_support div#navLevel1 a:active { color: #fff; } div#navLevel1 a:hover { border-bottom: 2px solid #FFA100; display: block; } div#navLevel1 .active { border-bottom: 2px solid #7CBE01; display: block; } /* level 2 nav */ div#navLevel2 { clear: left; height: 60px; padding: 18px 0 0 0; margin: 0; border: 0; font-size: 7pt; } div#navLevel2 form { margin:0; padding:0; } div#navLevel2.withRegion { padding: 6px 0 0 0; } div#navLevel2 ul { float: right; margin: 3px 6px 0 0; padding: 0; border: 0; clear: right; } div#navLevel2.withRegion ul { margin-top: 12px; } div#navLevel2 ul li { list-style-type: none; float: left; margin: 0 0 0 12px; border: 0; padding: 2px 0 0 0; } /* regionNav bar */ div#regionNav { background-color: #1E85D7; color: #FFF; height: 38px; width: 770px; margin: 2px 0 10px 0; padding: 0 10px 0 20px; border: 0; clear: left; font-size: 7pt; } div#regionNav a { font-size: 7pt; color: #FFF !important; display: block; float: right; margin-top: 12px; margin-right: 7px; text-decoration: none; letter-spacing: .1em; } div#regionNav p { display: block; float: left; margin-top: 13px; letter-spacing: .1em; } div#regionNav select { margin-top: 7px; margin-left: 7px; } div#regionNav form { border: 0; margin:0; padding:0; } /* level 3 nav */ div#navLevel3 { clear: left; background: transparent url(/images/nav/level3bg.gif) repeat-x; height: 31px; margin: 0; padding: 0; border-left: 1px solid #D6D6D6; border-right: 1px solid #A5A5A5; font-size: 7pt; width: 770px; margin: 0 auto 0 auto; } div#navLevel3 ul { list-style-type: none; margin: 0; padding: 0; text-transform: uppercase; } div#navLevel3 li { float: left; margin: 1px 0; padding: 8px 12px 6px 12px; border-left: 1px solid #D2D2D2; cursor: pointer; } div#navLevel3 li.active { background: transparent url(/images/nav/level3activebg_blue.gif) repeat-x; } div#navLevel3 #phoneNumber, div#navLevel3 #salesRep { float: right; width: 225px; margin: 1px 0; background: transparent url(/images/nav/phonenumberbg.gif) repeat-x; height: 26px; text-align: center; padding: 7px 0; } div#navLevel3 #salesRep { width: 168px; background: #F4F4F4; text-align: left; padding: 0 0 0 10px; } div#navLevel3 #salesRep #contact { float: left; margin: 0; padding: 0; order: 0; padding: 7px 0; } div#navLevel3 #salesRepIcon { float: right; margin: 0; padding: 0; border: 0; } div#navLevel3 a, div#navLevel3 a:visited, div#navLevel3 a:active { color: #000; text-decoration: none; } div#navLevel3 .active a, div#navLevel3 .active a:visited, div#navLevel3 .active a:active { color: #FFF; text-decoration: none; } div#navLevel3 #phoneNumber a:hover { text-decoration: none; color: #000; } /* nav level 4 */ div#navLevel4 { background-color: #0685BF; height: 27px; width: 770px; margin: -4px auto 0 auto; font-size: 7pt; padding-top: 1px; background: #0685BF url(/images/nav/level4bg.gif) no-repeat bottom left; } div#navLevel4 ul { margin:0; padding:0; border:0; } div#navLevel4 li { list-style-type: none; float: left; margin-left: 15px; color: #FFF; height: 23px; margin-top: 4px; } div#navLevel4 li a, div#navLevel4 li a:active, div#navLevel4 li a:visited, div#navLevel4 li b { color: #FFF; text-decoration: none; padding-top: 4px; display: block; } div#navLevel4 li b { text-transform: uppercase; } div#navLevel4 li a:hover { text-decoration: underline; } div#navLevel4 li.active { background: transparent url(/images/nav/lvl4left_corner.gif) no-repeat; padding-left: 10px; height: 23px; } div#navLevel4 li.active a { background: transparent url(/images/nav/lvl4right_corner.gif) no-repeat top right; color: #000 !important; padding-right: 10px; } /* navlevel6 */ div#navLevel6 ul { margin:0; padding:0; list-style-type: none; clear: both; height: 20px; padding-left: 20px; } div#navLevel6 li { float: left; font-size: 7pt; margin-right: 9px; background: transparent url(/images/nav/bluearrow.gif) no-repeat 0 4px; padding-left: 7px; } div#navLevel6 .active { text-decoration: none; color: #000000; } div#selectIndustry li { margin: 1px 0 !important; margin: 0; font: 9px Arial, Verdana, Helvetica, serif; letter-spacing: .1em; background: transparent url(/images/nav/arrow_green.gif) no-repeat 5px 2px !important; background: transparent url(/images/nav/arrow_green.gif) no-repeat 5px 4px; padding: 0 0 0 13px; color: #707070; border: 0; } div#hpSelectARegion { background: transparent url(/images/buttons/selectaregionhp.gif) no-repeat; width: 180px; height: 25px; margin: 2px 0 0 0; cursor: pointer; } p#upgradeMessage { display: none; } div#quickLinks { margin: 15px 0 10px 0 !important; margin: 10px 0 10px 0; padding: 0 10px 0 10px; background-color: #F6F6F6; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; height: 135px; } div#quickLinks .linkSet { float: left; margin: 0 10px 0 15px; } div#quickLinks .linkSet h5 { font-weight: bold; font-size: 8pt; color: #666; margin: 10px 0 2px 0; } div#quickLinks .linkSet ul { list-style-position: inside; list-style-type: none; list-style-image: url(/images/elements/bullets/plus.gif); margin: 0; padding: 0; border: 0; } div#quickLinks .linkSet li { font-size: 7pt; margin: 3px 0 0 0; padding:0; } div#quickLinks .linkSet a { margin: 0 !important; margin: 0 0 0 5px; } ul#copyrightFooter { clear: both; list-style-type: none; margin: 0 0 40px 0; padding: 0; } ul#copyrightFooter li { float: left; margin: 0 0 0 10px; font-size: 7pt; } ul#copyrightFooter li#first { margin:0 10px 0 5px !important; } ul#copyrightFooter li a, ul#copyrightFooter li a:visited, ul#copyrightFooter li a:active { text-decoration: underline; } /* navLevel5 */ div.navLevel5 { float: right; margin-bottom: 10px; } div.navLevel5Left { float: left; margin-bottom: 10px; } div.navLevel5#pricing { float:right; margin-bottom:10px; width: 180px; margin-left: 20px; } div.navLevel5#pricing p { text-align: center; clear: both; padding-top: 6px; } div.navLevel5 .topGray, .topWhite, div.navLevel5Left .topGray, .topWhite { width: 180px; border:0; padding:0; margin:0 0 0 1px; height: 2px; font-size: 0; clear: both; background: transparent url(/images/elements/curvedBoxes/nav5_tgray.gif) no-repeat; } .topWhite { background: transparent url(/images/elements/curvedBoxes/nav5_twhite.gif) no-repeat; } div.navLevel5 .bottomGray, .bottomWhite, div.navLevel5Left .bottomGray, .bottomWhite { width: 180px; border:0; padding:0; margin:0 0 0 1px; height: 2px; font-size: 0; clear: both; background: #E6E6E6 url(/images/elements/curvedBoxes/nav5_b.gif) no-repeat; } .bottomWhite { background: #FFFFFF url(/images/elements/curvedBoxes/nav5_b.gif) no-repeat; clear: both; } div.navLevel5 h4, div.navLevel5Left h4 { margin:0; background-color: #6B6B6B; color: white; width: 180px; font-size: 8pt; font-weight: bold; display: block; padding: 5px 0 7px 7px; border:0; border-left: 1px solid #CECFD8; border-right: 1px solid #CECFD8; } div.navLevel5 ul, div.navLevel5Left ul { width: 180px; background-color: #E6E6E6; margin:0; border-left: 1px solid #CECFD8; border-right: 1px solid #CECFD8; list-style: none; padding: 5px 0 10px 0; } div.navLevel5 ul li, div.navLevel5Left ul li { width: 178px; font-size: 7pt; padding:3px 3px 4px 15px; margin:0; margin-top: 2px; } div.navLevel5 div.orderContainer, div.navLevel5Left div.orderContainer, div.buttonContainer { background-color: #FFF; margin:0; border-left: 1px solid #CECFD8; border-right: 1px solid #CECFD8; list-style: none; padding: 0; width: 180px; clear:both; } div.buttonContainer { padding: 6px 5px 6px 5px; text-align: center; } div.navLevel5 h5, div.navLevel5Left h5 { margin:0 0 0 12px; padding:5px 0 0 0; border: 0; font-size: 9pt; } div.navLevel5 h6, div.navLevel5Left h6 { margin:0 0 0 13px; padding:0; border: 0; font-size: 9pt; font-weight: bold; } div.navLevel5 label.price, div.navLevel5Left label.price { font-size: 8pt; margin: 0 0 0 13px; padding:0; border:0; } .orderNow { float: right; margin: 5px 8px 0 0; } #partOfBundleSmall { margin:0; padding:0; border: 0; clear: both; width: 178px; height: 49px; border-left: 1px solid #CECFD8; border-right: 1px solid #CECFD8; } div.navLevel5 #partOfBundle, div.navLevel5Left #partOfBundle { margin:0; padding:0; border: 0; clear: both; } div.navLevel5 ul li.active, div.navLevel5Left ul li.active { background: transparent url(/images/buttons/nl5bg.gif) repeat-x 0 1px; border: 1px solid #6B6B6B; } div.navLevel5 ul li.loading, div.navLevel5Left ul li.loading { background: transparent url(/images/buttons/nl5bg_moving.gif) repeat-x 0 1px; border: 1px solid #6B6B6B; } /* buttons */ .button_details { width: 80px; height: 27px; border:0; margin:0; padding:0; } /* google temp styles */ #googleSearchContainer { margin-left: 2px; background-color: #167AD2; width:279px; padding:0px; font-size:7pt; } #googleSearchContainer a{text-decoration: none;} #googleSearchContainer a:link { color: #FFFFFF; } #googleSearchContainer a:visited { color: #FFFFFF; } #googleSearchContainer a:hover { color: #FFFFFF; } #googleSearchContainer a:active { color: #FFFFFF; } #googleSearchContainer 1div.desc {width: 425px; background-color:#ffffff; padding:5px 5px 5px 5px; border: 1px #d79900 solid; border-collapse: collapse; border-spacing: 5px;} #googleSearchContainer .SearchLink {padding: 5px 10px 5px 0px; font-size:0.8em; } #googleSearchContainer .SearchText {padding: 0px 10px 10px 0px; color: #BAE1FF; font-size:0.8em;} #googleSearchContainer img.floatLeft { float: left; margin: 10px; } #googleSearchContainer .spacer {padding: 2px;} #googleSearchContainer TR.clsOdd {background-Color: #005EB8; } #googleSearchContainer TR.clsEven {background-color: #004383; } #googleSearchContainer div.suggestion {background-color:#ffffff; color: #3361ba; padding:5px 0px 5px 0px; font-weight:bold;} #googleSearchContainer a.try, a:link.try, a:visited.try { text-decoration: none; color: red;} #googleSearchContainer .title{text-decoration: none; color: #3361ba; padding: 20px 0px 10px 0px; font-weight:bold;} #googleSearchContainer div.googleresults{style=filter:alpha(opacity=50); -moz-opacity:0.5;opacity:.50;width:300px;height:200px;} #googleSearchContainer .googleResults {background-color:#FFFFFF;padding:5px 0px 5px 0px;} #google { display: none; position: absolute; z-index: 100; } div#searchGo { width: 19px; height: 18px; border: 0; float: left; clear: right; background: transparent url(/images/buttons/searchgo.gif) no-repeat; } div#searchGo.active { background-position: 0 -18px; } div#googleForm { clear: both; width: 285px; height: 54px; background: transparent url(/images/nav/google/poweredby.png) no-repeat; } div.curveTop { width: 180px; border:0; padding:0; margin:0 0 0 1px; height: 2px; font-size: 0; clear: both; background: transparent url(/images/elements/curvedBoxes/nav5_twhite.gif) no-repeat; } div.curveMiddle { background-color: #FFF; margin:0; border-left: 1px solid #CECFD8; border-right: 1px solid #CECFD8; list-style: none; width: 180px; clear:both; padding: 6px 9px 10px 9px; } div.curveMiddle p { margin:2px auto 5px auto; } div.curveTop { width: 180px; border:0; padding:0; margin:0 0 0 1px; height: 2px; font-size: 0; clear: both; background: transparent url(/images/elements/curvedBoxes/nav5_twhite.gif) no-repeat; } div.curveTop#betterTogether3D { background: transparent url(/images/elements/curvedBoxes/bettertogether3.gif) no-repeat; width: 180px; border:0; padding:0; margin:0 0 0 1px; height: 2px; font-size: 0; clear: both; height: 39px; text-indent: -1000000px; } div.curveTop#orderOnlineToday { background: transparent url(/images/elements/curvedBoxes/order_online_today.gif) no-repeat; width: 180px; border:0; padding:0; margin:0 0 0 1px; height: 2px; font-size: 0; clear: both; height: 25px; text-indent: -1000000px; } div.curveBottom { width: 180px; border:0; padding:0; margin:0 0 0 1px; height: 2px; font-size: 0; background: #FFFFFF url(/images/elements/curvedBoxes/nav5_b.gif) no-repeat; clear: both; } .searchButton { background: transparent url(/images/nav/searchbutton.gif) no-repeat; width: 20px; height: 14px; border: 0; margin: 1px 0 0 0; padding: 0; cursor: pointer; vertical-align: middle; } .searchBox { width: 64px; font-size: 7pt; float: left; margin: 0 2px 0 0; border: 1px solid #8E8E8E; vertical-align: middle; } #nl2search { float: left; margin-right: 5px; padding: 2px 0 0 0; } a.orangeNl2 { border-bottom: 1px solid #FF8A00; } a.orangeNl2:hover { text-decoration: none !important; } div#manageMyAccounts { float: right; padding: 7px 0 0 8px; margin-right: 40px; background: transparent url(/images/nav/mabg.gif) no-repeat 0 3px; width: 156px; height: 30px; } #oah { margin-top: -3px !important; margin-top: 0px; vertical-align: middle; } li#lvl-1-arrow { padding-right:6px !important; } div#blueWrapContainer { width: 790px; background-color: #FFF; margin: 0 auto 0 auto; padding:0; } .smallOrangeArrow { width: 11px; height: 11px; } a.more { width: 90%; text-align: right; display: block; font-weight: bold; } a.learn_more { color: #1C7499 !important; font-weight: bold; padding-right: 10px; background: transparent url(/images/nav/arrow_blue.gif) no-repeat center right; text-decoration: none; } div.navLevel7 { margin-left: 20px; width: 180px; float: left; padding-right: 15px; margin-right: 30px; border-right: 1px solid #D8D8D8; } div.navLevel7 ul { list-style-type: none; margin:0; padding:0; } div.navLevel7 ul li { margin-bottom: 4px; border-bottom: 1px solid #F6F6F6; padding-bottom: 6px; padding-right: 10px; margin-top: 4px; } div#contentTarget { padding-top:10px; width: 500px; float: left; margin-bottom: 40px; } div.rightBarContainer { width: 240px; float: right; min-height: 400px; font-size: 7pt; background: transparent url(/images/bg/sideright.jpg) no-repeat; margin-bottom: 20px; } div.rightBarContainer p { margin:0; } div.rightBarButtons { margin:0 0 0 10px; } div.rightBarContent { padding-left: 20px; padding-right: 10px; overflow: auto; } div.leftBarContent { padding-left: 5px; padding-right: 10px; overflow: auto; } span#TopicsDDL { margin-right:10px; } img.orderLight { width:56px; height: 23px; margin: 0 auto 0 auto; } .addtocart { width: 100px; height: 32px; border: 0; margin-left: 20px; margin-top: 25px; } #logOutWWP { margin-left: 40px; }ul.tabList { margin: 0 0 0 0; padding:0; border:0; overflow: auto; } ul.tabList li { margin-top: 4px; list-style-type: none; float: left; margin-right: 5px; cursor: pointer; } #Tab_peakMin { width: 77px; height: 24px; width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/peak_min.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_webData { width: 77px; height: 24px; width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/webData.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_overview { width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/overview.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_top_downloads { width: 122px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/top_downloads.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_downloads { width: 97px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/downloads.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_textMsg { width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/textmsg.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_all { width: 42px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/all.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_min { width: 37px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/min.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_spinvox { width: 63px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/spinvox.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_text { width: 47px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/text.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_data { width: 47px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/data.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_media { width: 47px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/media.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_spinvox_usage { width: 102px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/spinvox_usage.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_services { width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/services.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_features { width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/features.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_support { width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/support.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_software { width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/software.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_plans { width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/plans.gif); background-repeat: no-repeat; text-indent: -100000px; } #Tab_sale { width: 77px; height: 24px; background-color: transparent; background-image: url(/images/buttons/tabs/sale.gif); background-repeat: no-repeat; text-indent: -100000px; } ul.tabList .active { background-position: 0 -24px; } div.tabList { background-color: transparent; background-image: url(/images/elements/curvedBoxes/th_shadow.jpg); background-repeat: repeat-x; height: 28px; padding-left: 10px; margin-top: 7px; } div.tabList_nobg { height: 28px; padding-left: 10px; margin-top: 11px !important; margin-top: 9px; }