/* ===================================== *\ CLIENT: KITCOM BUILT & POWERED BY: COMMERCIAL DESIGN DATE: FEB 2008 TITLE: MAIN CSS \* ===================================== */ @import "menuconfig.css"; /* GRAND MASTER RESET: DO NOT ADJUST HERE ------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /* ---------------------------------------------------------------------------------------------- */ body { background: white url(/img/2008Template/backgrounds/background-site.png) repeat-x 0 0; font-size: 11px; font-family: Arial,Verdana,Helvetica,sans-serif; color: rgb(28,28,28); } /*a { color: rgb(246,100,29); }*/ a { color: #3b67ae } #breadCrumb a:hover, a:hover { color: orange; } strong { font-weight: bold; } p { margin-bottom: 1em; } #tounge { min-height: 725px; width: 989px; margin: 2px auto 0; padding: 0 5px 0 6px; background: url(/img/2008Template/backgrounds/background-tongue.png) repeat-y 0 0; } #toungeFoot { clear: both; height: 19px; width: 1000px; margin: 0 auto 30px; background: url(/img/2008Template/backgrounds/background-tongueBottom.png) no-repeat 0 0; overflow: hidden; } #head { position: relative; z-index: 10; height: 124px; margin: 0 0 -3px;} #logo { float: left; margin: 54px 0 11px 13px; } #logo a { display: block; height: 34px; width: 171px; background: url(/img/2008Template/logos/logo-kitcomLarge.png) no-repeat 0 0; text-indent: -500000px; } #logoBoxLeft { width: 200px; height: 99px; float: left; } #logoBoxRight { width: 200px; height: 99px; float: right; } #kitcomLogo { position: relative; margin: 54px 0 0 10px; } #kitcomLogo a { display: block; height: 34px; width: 171px; background: url(/img/2008Template/logos/logo-kitcomLarge.png) no-repeat 0 0; text-indent: -500000px; } #msLogo { position: relative; margin: 54px 0 0 10px; } #msLogo a { display: block; height: 34px; width: 171px; background: url(/img/2008Template/logos/microsoft.png) no-repeat 0 0; text-indent: -500000px; } #loginBox { position: absolute; top: 13px; right: 12px; height: 68px; width: 370px; padding: 2px; border: 1px solid rgb(105,105,105); } #loginBox img { float: right; margin: 0 0 0 12px; padding: 0 0 0 2px; border-left: 1px solid rgb(105,105,105); } #loginBox td.headTitle{ font: bold 12px Arial,Verdana,Helvetica,sans-serif; color: rgb(17,70,158); } #loginBox #langSwitch { float: right; display: block; line-height: 15px; padding: 0 18px 0 0; background: url(/img/2008Template/buttons/button-langSwitch.png) no-repeat 100% 100%; } #loginBox input { font-size: 9px; height: 11px; width: 105px; } #loginBox span#text { position: relative; top: -1px; left: -2px; } #loginBox #forgotPass { width: 100px; } #loginBox #subForm { width: 55px; } #loginBox a { float: left; } #loginBox th { background: rgb(236,236,236); font-size: 10px; line-height: 14px; text-indent: 2px; color: rgb(89,89,89); } #loginBox th.cl { width: 105px; } #loginBox input.epp { width: 130px; } #loginBox th, #loginBox td { border-right: 1px solid white; } #loginBox input.ie { width: 13px; height: 13px; } #loginBox h3.loggedIn { font-weight: bold; } #loginBox table.loggedIn { padding-top: 2px; } #loginBox table.loggedIn td { padding: 4px; } #MS_loginBox { margin: 75px auto 75px auto; width: 300px; } #MS_loginBox h2 { background: white; margin-bottom: 4px; font: bold 16px Arial,Verdana,Helvetica,sans-serif; color: rgb(17,70,158); } #MS_loginBox label { float: left; display: block; width: 90px; margin: 0 1px 0 0; background: rgb(236,236,236); font-size: 10px; line-height: 14px; text-indent: 2px; color: rgb(89,89,89); } #MS_loginBox input { padding: 1px; margin: 0 1px 0 0; border: 1px solid rgb(105,105,105); font-size: 12px; width: 175px; height: 18px; } #MS_loginBox input.epp { width: 245px; } #MS_loginBox span#or { text-align: center; font-weight: bold; float: none; } #MS_loginBox #forgotPass, #MS_loginBox #subForm { float: left; margin-top: 4px; } #MS_loginBox th { background: rgb(236,236,236); margin: 0 1px 0 0; font-size: 12px; line-height: 14px; text-indent: 2px; color: rgb(89,89,89); border-right: 1px solid white; } #MS_loginBox td { text-align: left; } #MS_loginBox td.center { text-align: center; } #MS_loginBox td.loginTitle { font-size: 16px; padding: 5px 0 5px 0; font-weight: bold; text-transform: uppercase; color: rgb(17,70,158);} #MS_loginBox input[type="checkbox"] { position: relative; bottom: -2px; border: none; outline: none; width: 13px; height: 13px; border: none; } #MS_loginBox h3.loggedIn { font-weight: bold; } #MS_loginBox table.loggedIn { } #MS_loginBox table.loggedIn td { padding: 3px; *padding: 4px; } #noNav { position: absolute; top: 99px; z-index: 230; right: 10px; height: 21px; width: 250px; } #noNav li { float: right; padding: 3px 12px; background: url(/img/backgrounds/button-div.png) no-repeat 0 0; } #mainPhoto { position: relative; z-index: 8; border-bottom: 1px solid rgb(76,76,76); } #startShopping a { display: block; height: 58px; margin:2px; border: 1px solid rgb(17,70,158); background: url(/img/buttons/button-startShopping.png) no-repeat 0 0; text-indent: -500000px; } #startShopping a:hover { background: url(/img/buttons/button-startShopping_on.png) no-repeat 0 0; } #headlineNews, #currentProm { float: left; width: 561px; /*min-height: 200px;*/ background: url(/img/backgrounds/background-menuBlue.png) repeat-x 0 0; } #headlineNews { width: 428px; } #currentProm h1 { height: 25px; background: url(/img/titles/title-currentPromotions.png) no-repeat 12px 0; text-indent: -500000px; } #headlineNews h1{ height: 25px; background: url(/img/titles/title-headlineNews.png) no-repeat 12px 0; text-indent: -500000px; } #promoBlock { height: 138px; margin: 12px 0 0 12px; border-right: 1px solid rgb(136,163,206); border-bottom: 1px solid rgb(136,163,206); } #promoBlock a { display: block; float: left; padding: 0 12px 12px 0; } #promoBlock img { display: block; } #bellProduct { display: table; height: 87px; margin: 0 0 0 12px; border-right: 1px solid rgb(136,163,206); padding-top: 5px; } #bellProduct p { display: table-cell; vertical-align: middle; padding: 0 12px 0 10px; font: 10px Arial,Verdana,Helvetica,sans-serif; color: rgb(105,105,105); } /*INSIDE STYLE*/ #bellProduct-inside { clear: both; display: table; height: 88px; margin: 0 12px; border-right: 0; border-top: 1px solid rgb(136,163,206); padding-top: 5px; } #bellProduct-inside p { display: table-cell; vertical-align: middle; padding: 0 12px 0 10px; font: 10px Arial,Verdana,Helvetica,sans-serif; color: rgb(105,105,105); } body.inside #bellProductNoBorder { clear: both; display: table; height: 88px; margin: 0 12px; border-right: 0; background: url(/img/logos/logo-bellProductsServices.png) no-repeat 0 12px; } body.inside #bellProductNoBorder p { display: table-cell; vertical-align: middle; padding: 0 12px 0 83px; font: 10px Arial,Verdana,Helvetica,sans-serif; color: rgb(105,105,105); } #headlineNews ul { margin: 12px; } #headlineNews li { height: 55px; background: url(/img/buttons/button-moreArrowBlue.png) no-repeat 100% 100%; overflow: hidden; cursor: pointer; } #headlineNews li:hover { background: url(/img/buttons/button-moreArrowOrange.png) no-repeat 100% 100%;} .previousOrderItem h2, #headlineNews h2 a { margin: 0 0 4px; font: bold 12px Arial,Verdana,Helvetica,sans-serif; color: rgb(17,70,158); text-decoration: none; } #headlineNews p a { font-size: 10px; color: rgb(28,28,28); text-decoration: none; } #mouseText { /*clear: left*/; height: 15px; margin: 0 12px 0; padding: 10px 0 0 0; font-size: 9px; text-align: right; color: rgb(187,187,187); } #loginBox #langSwitch, #mouseText a { color: rgb(187,187,187); text-decoration: none; } #mouseText a:hover { color: rgb(244,123,32); } #mouseText li, #mouseText ul { float: left; } #mouseText li { padding: 0 12px; border-left: 1px solid rgb(187,187,187); } #mouseText li:first-child { border: 0; padding: 0 12px 0 0; } #breadCrumb { height: 45px; padding: 0 12px; } #breadCrumb h3 { font-size: 11px; line-height: 45px; } #breadCrumb a { color: rgb(17,70,158); text-decoration: none; font-weight: bold;} #breadCrumb div { float: right; font: 10px/45px Arial,Verdana,Helvetica,sans-serif; color: rgb(80,80,80); } /* CLASSES */ .orangePillCH, .orangePillCF, .orangePill, .greyPill { display: block; height: 13px; margin: 2px; background: url(/img/2008Template/buttons/button-greyPill.png) no-repeat 100% 50%; font-size: 9px; line-height: 13px; color: white; overflow: hidden; text-decoration: none; } .orangePillCH:hover, .orangePillCF:hover, .orangePill:hover, .greyPill:hover { color: rgb(28,28,28); } .orangePillCH span, .orangePillCF span, .orangePill span, .greyPill span { display: block; margin: 0 15px 0 0; padding: 0 0 0 15px; background: url(/img/2008Template/buttons/button-greyPill.png) no-repeat 0 50%; } .orangePill { background: url(/img/2008Template/buttons/button-orangePill.png) no-repeat 100% 50%; } .orangePill span{ background: url(/img/2008Template/buttons/button-orangePill.png) no-repeat 0 50%; } .orangePillCF { background: url(/img/2008Template/buttons/button-orangePillCartFoot.png) no-repeat 100% 50%; } .orangePillCF span { background: url(/img/2008Template/buttons/button-orangePillCartFoot.png) no-repeat 0 50%; } .orangePillCH { background: url(/img/2008Template/buttons/button-orangePillCartHead.png) no-repeat 100% 50%; } .orangePillCH span { background: url(/img/2008Template/buttons/button-orangePillCartHead.png) no-repeat 0 50%; } .title, .subTitle { font: bold 13px "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans Regular",arial,helvetica,sans-serif; text-transform: uppercase; } .title { font-size: 18px; font-weight: normal; } .floatLeft { float: left; } .floatRight { float: right; } .clearLeft { clear: left; } .clearRight { clear: right; } .ad { display: block; } .txtMoney { text-align: right; white-space: nowrap; } .txtLeft { text-align: left; } .txtRight { text-align: right; } input.short { width: 75px;} .dash { clear: both; margin: 15px 0; border-bottom: 1px dashed rgb(136,163,206);} .bigNum { float: left; margin: 0 15px 0 -35px; font: 28px/12px Arial,Verdana,Helvetica,sans-serif; color: rgb(180,180,180);} .bigNumA { float: left; margin: 0 15px 10px 0; font: 28px/12px Arial,Verdana,Helvetica,sans-serif; color: rgb(180,180,180);} .keepNum { background: rgb(230,230,230); } /* CUSTOMER LANDING PAGE */ #subMenuCheckout, #subMenu { height: 22px; padding: 0 0 0 6px; background: rgb(246,100,29); border-bottom: 1px solid rgb(184,77,22); } #subMenuCheckout li, #subMenu li { float: left; } #subMenu a { display: block; padding: 0 6px; font: 12px/22px Arial,Verdana,Helvetica,sans-serif; color: white; text-decoration: none; } #subMenu a:hover { background: orange;} #wrapper { clear: right; overflow: hidden; margin: 0 0 12px; min-height: 410px; } #welcomeCol, body.inside #headlineNews, #previousOrderCol { float: left; padding-bottom: 5000px; margin-bottom: -5000px; } #welcomeCol { width: 214px; margin-top: 20px; padding-right: 12px; padding-left: 140px; color: rgb(80,80,80); } body.inside #headlineNews { width: 380px; margin-top: 20px; background: none; border-right: 1px solid rgb(136,163,206); border-left: 1px solid rgb(136,163,206);} #previousOrderCol { width: 217px; margin-top: 20px; padding-right: 12px; padding-left: 12px; } #welcomeCol h1, body.inside #headlineNews h1, #previousOrderCol h1 { height: 25px; margin: -20px 0 0; padding: 0 12px; background: none; text-indent: 0; text-transform: uppercase; color: rgb(28,28,28);} body.inside #headlineNews ul { margin-top: 0; } #previousOrderCol h1, #welcomeCol h1 { padding-left: 0; } #salesRepInfo { float: left; width: 117px; margin: -20px 0 12px -128px; } #salesRepInfo img { display: block; border: 1px solid rgb(246,100,29); } #salesRepInfo h3 { line-height: 1.2; margin: 4px 0; } .previousOrderItem { margin-bottom: 8px; } .previousOrderItem p { padding-left: 8px; } .previousOrderItem .greyPill { margin-left: 8px; } #wrapper p { line-height: 1.2; font-size: 10px; } #previousOrderCol .ad { width: 210px; margin: 90px auto 10px; } /*SELECT A REGION*/ #mapBox { position: relative; z-index: 20; height: 184px; margin: 0 50px 100px; border: 1px solid rgb(136,163,206); border-left: 0; } h1.selectRegion { margin-left: 340px; margin-bottom: 12px; text-transform: uppercase; } #mapBox p { margin: 35px 35px 20px 290px; color: rgb(80,80,80); line-height: 1.2; text-align: justify; } #mapControl { margin: 0 0 0 380px;} #mapControl select, #mapControl a { float: left; } #mapControl a { margin-top: 4px; } #caMap { position: absolute; top: -14px; left: 23px; z-index: 30; width: 321px; height: 271px; background: url(/img/2008Template/misc/map.png) no-repeat 0 0} /*SERVICE REQUEST*/ .serviceRequest { margin: 0 12px 0; overflow: hidden; float: left; } .serviceRequest .title { margin-bottom: 12px; margin-top: 18px; } .serviceRequest .col1, .serviceRequest .col2 { float: left; width: 482px; padding-bottom: 50000px; margin-bottom: -50000px;} .serviceRequest .colLeft, .serviceRequest .colRight { float: left; width: 410px; margin: 0;} .serviceRequest .colLeft td, .serviceRequest .colRight td{ text-align: left; vertical-align: middle; } .serviceRequest .colLeft .requestItem, .serviceRequest .colRight .requestItem { margin: 0; } .serviceRequest .col1 { border-right: 1px solid rgb(136,163,206); } .serviceRequest .info { margin: 0 10px 0 10px; padding-top: 5px; line-height: 13px; border-top: 1px solid #88A3CE; } .serviceRequest h2 { height: 18px; background: rgb(136,163,206); color: white; line-height: 18px; text-transform: uppercase; text-indent: 45px; overflow: hidden; } .serviceRequest h4 { margin: 8px 30px 0 45px; font-weight: bold; } .requestItem { margin: 12px 12px 12px 45px; color: rgb(80,80,80); } .requestItem input { width: 200px; } input[type="checkbox"], .requestItem input[type="checkbox"], .requestItem input[type="radio"] { width: auto; } .requestItem input.phone3 { width: 28px; } .requestItem input.phone4 { width: 42px; } .requestItem textarea { width: 200px; height: 70px; border: 1px solid rgb(80,80,80); } .requestItem textarea#repair_issue { width: 547px; height: 125px; border: 1px solid #a5acb2; } .requestItem tr td:first-child { text-align: right; padding-right: 12px;} .requestItem p, .requestItem td span { display: block; margin-top: 5px; text-align: left; font-size: 9px; color: rgb(187,187,187); } .requestItem td { padding: 2px; } .requestItem td.rjp { text-align: right; padding-right: 12px; } .requestItem td.pt { padding-top: 5px; text-align: left; } .labelCol { width: 140px; } #serviceRequestButton { float: right; display: block; height: 22px; width: 159px; margin: 150px 12px 0 12px; background: url(/img/2008Template/buttons/button-submitServiceRequest.png) no-repeat 0 0; text-indent: -50000px; } b.esnTxt { font-weight: bold; font-style: italic; margin-left: 5px; } .min-height { min-height: 415px; } .no_marg { margin: 0; padding-left: 12px; width: 825px; border-top: 1px solid #88a3ce; } .no-border { border: none; } .centerTable { width: 655px; margin: 10px 0 10px 100px; } .sendClear { margin: 10px; } .productSelection p { margin-right: 10px; } .productSelection li { background: url(/img/2008Template/buttons/button-moreArrowBlue.png) no-repeat scroll 95% 50%; cursor: pointer; } .productSelection li:hover { background: url(/img/2008Template/buttons/button-moreArrowOrange.png) no-repeat scroll 95% 50%; cursor: pointer; } .productRequest p { font-size: 10px; } .productRequest h2 { font: bold 12px Arial,Verdana,Helvetica,sans-serif; color: rgb(17,70,158); } .productRequest { margin: 0 0 10px 0; overflow: hidden; float: left; border-left: 1px solid #88a3ce; } .productRequest .title { margin: 18px 12px 12px 0; border-bottom: 1px solid #88a3ce; } .productRequest .colLeft, .productRequest .colRight { float: left; width: 410px; margin: 0;} .productRequest h4 { font-weight: bold; margin-bottom: 15px; } .productRequest th { font-weight: bold; padding-bottom: 7px; padding-top: 7px; } .productRequest td { padding: 2px; vertical-align: middle; } .productRequest select.services { width: 150px; } .productRequest #select-wireless { margin: 0 auto; width: 112px; height: 73px; background: url(/img/2008Template/misc/wireless_option.png) no-repeat 0 0; } .productRequest #select-inhome { margin: 0 auto; width: 112px; height: 73px; background: url(/img/2008Template/misc/inhome_option.png) no-repeat 0 0; } .productRequest #select-hd { margin: 0 auto; width: 112px; height: 73px; background: url(/img/2008Template/misc/hd_option.png) no-repeat 0 0; } .productRequest #select-digital { margin: 0 auto; width: 112px; height: 73px; background: url(/img/2008Template/misc/digital_option.png) no-repeat 0 0; } .productRequest #select-hd a, .productRequest #select-digital a { display: block; width: 112px; height: 73px; text-indent: -50000px; } .productRequest #select-wireless input[type="radio"], .productRequest #select-inhome input[type="radio"] { margin: 40px 0 0 50px; } .bl .phoneItem .info h2.subTitleReceiver { font: bold 11px Arial,Verdana,Helvetica,sans-serif; text-transform: uppercase; margin: 2px; } #receiverDetails h2.subTitleReceiver { text-align: right; font: bold 11px Arial,Verdana,Helvetica,sans-serif; text-transform: uppercase; margin: 2px; } .productRequest #wf_step1, .productRequest #if_step1 { display: none; min-height: 275px; width: 410px; } .productRequest #if_step1 { margin-left: -1px; } .productRequest #wf_step2, .productRequest #if_step2 { display: none; } .productRequest #wf_step1 table, .productRequest #if_step1 table { margin: 10px 0 0 15px; } .serviceDesc { display: none; } .serviceDesc p { margin: 10px 10px 0 10px; } .serviceDesc table { margin: 4px 0 4px 0; } .serviceDesc td p { color: #AAAAAA; font-size: 12px; margin: 0 10px 0 10px; } .serviceDesc th { padding: 2px 2px 2px 10px; } .productRequest .choiceDesc { margin: 15px 0 0 0; float: left; width: 225px; display: none; } .productRequest .choiceDesc p { margin: 25px 0 0 0; } .bb { border-bottom: 1px solid #88a3ce; margin: 12px 0 0 0; } .continue { width: 99px; margin: 0 auto; display: none; } .mh { min-height: 500px; } .bl { border-left: 1px solid #88a3ce; } .checkOutItem #cc, .checkOutItem #bank { margin: 0; } .moreInfo {} .moreInfo th { font: bold 12px Arial,Verdana,Helvetica,sans-serif; color: rgb(17,70,158); } .moreInfo table { margin: 5px; } .phoneDetails { margin: 5px; } .phoneDetails h2 { margin: 10px 10px 10px 20px; color: rgb(27,25,136); font: 16px Arial,Verdana,Helvetica,sans-serif; text-transform: uppercase; } .phoneDetails h2.rightAligned { text-align: right; } .phoneDetails p { margin: 10px; } .phoneDetails .orangePillSmall { position: relative; left: 295px; width: 145px; height: 13px; background: url(/img/2008Template/buttons/orangePillSmall.png) no-repeat 0 0; } .phoneDetails .orangePillSmall a { position: relative; left: 58px; color: white; text-decoration: none; text-align: right; } .phoneDetails .phoneDetailsImage { float: left; margin: 0 10px 10px 10px; } .internetHeader { margin: 0 0 0 -12px; padding: 0; width: 837px; height: 200px; background: url(/img/2008Template/headers/internet_header.jpg) no-repeat 0 0; } .homePhoneHeader { margin: 0 0 0 -12px; padding: 0; width: 837px; height: 200px; background: url(/img/2008Template/headers/home_phone_header.jpg) no-repeat 0 0; } .bellTVHeader { margin: 0 0 0 -12px; padding: 0; width: 837px; height: 200px; background: url(/img/2008Template/headers/bell_tv_header.jpg) no-repeat 0 0; } #categoryMenuCol { width: 140px; margin: 0; float: left; } #categoryMenuCol ul { width: 110px; margin: 0; } #categoryMenuCol ul li { width: 110px; margin: 0; display: block; } #categoryMenuCol ul li a { width: 110px; display: block; font-size: 14px; color: black; text-decoration: none; } #categoryMenuCol li.active { width: 110px; height: 41px; background: url(/img/2008Template/buttons/left_button-bg_active.png) no-repeat 0 0; } #categoryMenuCol li.active a { padding: 14px 0 0 10px; font-weight: bold; color: white; } #categoryMenuCol li.leftButton { width: 110px; height: 41px; background: url(/img/2008Template/buttons/left_button-bg_regular.png) no-repeat 0 0; } #categoryMenuCol li.leftButton a { padding: 14px 0 0 10px; font-weight: bold; } #categoryMenuCol li.leftButton a:hover { color: #f6651d; } #categoryMenuCol li.leftButton.margin { margin-top: -1px; *margin-top: -2px; } #categoryMenuCol li.leftButtonLarge { width: 110px; height: auto; padding-bottom: 15px; background: url(/img/2008Template/buttons/left_button-bg_large_regular.png) no-repeat 0 0; } #categoryMenuCol li.leftButtonLarge a { } #categoryMenuCol li.leftButtonLarge a#title { padding: 14px 0 10px 10px; font-weight: bold; } #categoryMenuCol ul#subMenus li { height: auto; padding: 0 0 0 10px; border-top: 1px solid #ddd; width: 99px; *margin-top: -1px; } #categoryMenuCol ul#subMenus li.active a { color: #fff; font-weight: normal; } #categoryMenuCol ul#subMenus li.active { background: url(/img/2008Template/buttons/left_button-submenu_active.png) no-repeat 0 0; padding-left: 10px; } #categoryMenuCol ul#subMenus a { font-size: 12px; padding: 4px 0 4px 7px; *padding-bottom: 3px; _width: 93px; } #categoryMenuCol ul#subMenus a:hover { color: #f6651d; } .productRequest.min-height.no_marg h1 { font-size: 18px; color: black; margin: 10px 0 10px 0; } ul.ratePlans { width: 631px; margin: 0 auto; display: block; position: relative; bottom: -1px; } ul.ratePlans li { width: 125px; height: 30px; border: 1px solid #88A3CE; border-left: none; float: left; font-size: 12px; font-weight: bold; text-align: center; color: #2152a4; background: url(/img/2008Template/backgrounds/ratePlans_bg.png) repeat-x 0 0; } ul.ratePlans li a { text-decoration: none; padding-top: 8px; display: block; } ul.ratePlans li a.nopad { padding: 2px 0 0 0; } ul.ratePlans li.active { border-bottom: 1px solid white; background: white; } table#ratePlans { border: 1px solid #88A3CE; width: 650px; margin: 0 auto; } table#ratePlans td { text-align: center; padding: 5px; } table#ratePlans td.firstColumn { border-top: 1px solid #88A3CE; background: #e6e6e6; text-align: left; font-weight: bold; width: 150px; } table#ratePlans td.secondColumn { border-top: 1px solid #88A3CE; border-left: 1px solid #88A3CE; background: #f0f0f0; } table#ratePlans td.thirdColumn { border-top: 1px solid #88A3CE; border-left: 1px solid #88A3CE; background: #fff; } table#ratePlans td.topRow { border-top: 1px solid #88A3CE; border-left: 1px solid #88A3CE; font-weight: bold; } .borderLeft { border-left: 1px solid #88A3CE !important; } .borderRight { border-right: 1px solid #88A3CE !important; } #categoryMenuCol ul li#wirelessBlock { height: 145px; } #categoryMenuCol ul li a#wireless { height: 145px; background: url(/img/2008Template/buttons/wireless_bg.png) no-repeat 0 0; } #categoryMenuCol ul li a#internet { height: 72px; background: url(/img/2008Template/buttons/internet_reg.png) no-repeat 0 0; } #categoryMenuCol ul li a#home_phone { height: 72px; background: url(/img/2008Template/buttons/home_phone_reg.png) no-repeat 0 0; } #categoryMenuCol ul li a#bell_tv { height: 72px; background: url(/img/2008Template/buttons/bell_tv_reg.png) no-repeat 0 0; } /*#categoryMenuCol ul li a:hover#wireless { height: 145px; background: url(/img/2008Template/buttons/wireless_over.png) no-repeat 0 0; } #categoryMenuCol ul li a:hover#internet { height: 72px; background: url(/img/2008Template/buttons/internet_over.png) no-repeat 0 0; } #categoryMenuCol ul li a:hover#home_phone { height: 72px; background: url(/img/2008Template/buttons/home_phone_over.png) no-repeat 0 0; } #categoryMenuCol ul li a:hover#bell_tv { height: 72px; background: url(/img/2008Template/buttons/bell_tv_over.png) no-repeat 0 0; }*/ #categoryMenuCol ul ul { position: relative; } #categoryMenuCol ul ul li a#phones { height: 40px; width: 105px; background: url(/img/2008Template/buttons/phones_reg.png) no-repeat 0 0; } #categoryMenuCol ul ul li a#rates { height: 25px; width: 105px; background: url(/img/2008Template/buttons/rates_reg.png) no-repeat 0 0; } #categoryMenuCol ul ul li a#accessories { height: 25px; width: 105px; background: url(/img/2008Template/buttons/accessories_reg.png) no-repeat 0 0; } #categoryMenuCol ul ul li a#phones-active { height: 23px; width: 105px; background: url(/img/2008Template/buttons/phones_active.png) no-repeat 0 0; } #categoryMenuCol ul ul li a#rates-active { height: 23px; width: 105px; background: url(/img/2008Template/buttons/rates_active.png) no-repeat 0 0; } #categoryMenuCol ul ul li a#accessories-active { height: 23px; width: 105px; background: url(/img/2008Template/buttons/accessories_active.png) no-repeat 0 0; } #categoryMenuCol ul li a#internet-active { height: 72px; background: url(/img/2008Template/buttons/internet_over.png) no-repeat 0 0; } #categoryMenuCol ul li a#home_phone-active { height: 72px; background: url(/img/2008Template/buttons/home_phone_over.png) no-repeat 0 0; } #categoryMenuCol ul li a#bell_tv-active { height: 72px; background: url(/img/2008Template/buttons/bell_tv_over.png) no-repeat 0 0; } /*SHOPPING CART*/ #subMenuCheckout { height: 29px; border-bottom: 1px solid rgb(136,163,206); background: rgb(230,230,230); padding: 0 12px; font: 12px/29px Arial,Verdana,Helvetica,sans-serif; color: rgb(118,163,225); text-decoration: none; } #subMenuCheckout span { vertical-align: middle; font: 18px Arial,Verdana,Helvetica,sans-serif; } #subMenuCheckout li { width: 16%; } #subMenuCheckout li.complete{ background: url(/img/2008Template/misc/greyArrow.png) no-repeat 80% 50%; } #subMenuCheckout li.current { color: orange;} #subMenuCheckout li.end{ background: none; } /*MINI CART*/ #miniCart { float: left; width: 167px; background: url(/img/2008Template/backgrounds/background-miniCart.png) repeat-y 0 0; } #cartHead { height: 29px; background: url(/img/2008Template/backgrounds/background-cartHead.png) no-repeat 0 0; } #cartFoot { height: 39px; margin: 5px 0 0; background: url(/img/2008Template/backgrounds/background-cartBottom.png) no-repeat right bottom; overflow: hidden;} #cartFoot a { margin: 0 6px; } #cartHead a { margin: 8px 5px; } #miniCart table { border-collapse: collapse; margin: 0 2px; background: white; } #miniCart td { padding: 2px 6px; font: 10px Arial,Verdana,Helvetica,sans-serif; } #checkoutInfoColR .heading2, #checkoutInfoCol .heading2, #productDetail .col2 .heading, #miniCart .heading { background: rgb(136,163,206); color: white; } #miniCart .total { background: rgb(15,69,150); color: white; text-transform: uppercase; } #miniCart .monthlyFee { background: rgb(73,104,166); color: white; text-transform: uppercase; } #miniCart .heading td { border-bottom: 1px solid rgb(73,104,166); } #miniCart .monthlyFee td, #miniCart .total td { border-bottom: 1px solid white; } #cartDisplay { float: left; border-collapse: collapse; width: 695px; margin: 0 55px; border-top: 1px solid rgb(136,163,206); font: 12px Arial,Verdana,Helvetica,sans-serif; } #cartDisplay td { padding: 6px 10px;} #colorMe, #cartDisplay .heading { background: rgb(230,230,230); } #cartDisplay .heading td { font-weight: bold; border-bottom: 2px solid white; border-top: 2px solid white; } #cartDisplay tr:first-child td { border-top-width: 0; } #cartDisplay .alt { background: rgb(242,242,242); } a.delete { display: block; height: 13px; width: 13px; background: url(/img/2008Template/buttons/button-Xdelete.png) no-repeat 0 0; overflow: hidden; text-indent: -50000px; } p.borderTop, #cartDisplay .borderTop { border-top: 1px solid rgb(136,163,206); } #cartDisplay .borderRight { border-right: 1px solid rgb(136,163,206); } #cartDisplay .borderBottom { border-bottom: 1px solid rgb(136,163,206); } #cartDisplay .borderLeft { border-left: 1px solid rgb(136,163,206); } #cartDisplay .tight { padding-top: 2px; padding-bottom: 2px; color: rgb(80,80,80);} #cartDisplay .discount { color: darkRed; } #cartDisplay .total { color: rgb(28,28,28); text-transform: uppercase; font-weight: bold; } .discountCode { text-align: center; font-size: 21px; } .discountCode h4 { font-size: 11px; color: rgb(80,80,80); } /*PRODUCT DETAIL*/ #productListing, #productDetail { overflow: hidden; } #productListing .col1, #productListing .col2, #productDetail .col1, #productDetail .col2, #productDetail .col3 { float: left; margin-bottom: -15000px; padding-bottom: 15000px;} #productListing .col1, #productDetail .col1 { width: 127px; margin-left: 12px; background: rgb(136,163,206); border-right: 1px solid rgb(112,128,154); } #productDetail .col2 { width: 665px; margin-right: 5px; } #productDetail .col3 { width: 167px; margin-right: 12px;} #productListing .col1 h1, #productDetail .col1 h1 { padding: 0 12px 0 12px; color: white; font: 12px/20px Arial,Verdana,Helvetica,sans-serif; border-bottom: 1px solid rgb(195,209,230); text-transform: uppercase; } #productListing .col1 a, #productDetail .col1 a { display: block; padding: 0 12px 0 20px; color: white; font: 14px/32px Arial,Verdana,Helvetica,sans-serif; border-bottom: 1px solid rgb(195,209,230); text-decoration: none; text-transform: uppercase;} #productListing .col1 a:hover, #productDetail .col1 a:hover{ background: orange; } #phoneLinks { float: left; height: 20px; margin: 0 12px 8px 50px; background: rgb(230,230,230); border: 1px solid rgb(28,28,28); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #phoneLinks li { float: left; border-left: 1px solid rgb(28,28,28); line-height: 20px; padding: 0 16px; text-align: center;} #phoneLinks li:first-child { border-left: 0; } #phoneLinks a { color: rgb(28,28,28); text-decoration: none; } #phoneLinks a:hover { color: orange;} #phoneImage { float: left; width: 279px; margin-top: 20px; } #phoneImage img { display: block; margin: 0 auto 10px; } #phoneImage a.orangePill { margin-left: 83px; } #productDetail .col2 table { float: left; width: 385px; margin-top: 20px; border-collapse: collapse; color: rgb(80,80,80); } #productDetail .col2 td { padding: 3px; } .phoneItem h2.Blue, #productDetail .col2 h2 { color: rgb(27,25,136); font: 16px Arial,Verdana,Helvetica,sans-serif; } #productDetail .col2 h2.Red { color: darkRed; } #productDetail .col2 h4 { font-size: 12px; text-transform: uppercase; } #productDetail .col2 .tight { padding: 1px 3px; font-size: 9px; border-bottom: 1px solid rgb(230,230,230); color: rgb(80,80,80);} #productDetail .col2 input { font-size: 10px; } .finePrint {font-size: 9px; color: rgb(187,187,187); } #productDetail .col2 table p { line-height: 1.2; } .ul { list-style: disc; } .ul li { margin: 3px 3px 10px 18px; } #productDetail .col2 table#ratePlanDetails, #productDetail .col2 table#accessoryDetails { margin-left: 12px; width: auto; } #productDetail .col2 #phoneImage + table#accessoryDetails { margin-left: 0px; width: 385px; } /*PRODUCT LISTING*/ #productListing .col1, #productListing .col2 { border-top: 1px solid rgb(136,163,206); } #productListing .col2 { width: 837px; } #phoneSort { height: 70px; padding: 0 10px; background: rgb(230,230,230); color: rgb(80,80,80); } #phoneSort li { float: left; padding: 20px 15px; text-align: center;} #phoneSort input, #phoneSort select { display: block; margin-left: 12px;} #phoneSort select, .phoneItem img, .phoneItem .info, #phoneSort h4 { font-weight: normal;float: left; } #phoneSort input { margin: 5px auto; } #productListing p { margin-left: 20px;} .phoneItem { float: left; width: 230px; height: 165px; margin: 20px 20px 30px; overflow: hidden; } .phoneItem h2 { margin: 12px 0 8px; font-size: 14px;} .phoneItem h2.Blue { margin: 12px 0 2px;} .phoneItem .info { width: 150px; margin-left: 9px; } .phoneItem a { text-align: center;} #productListing .phoneItem p{ color: rgb(80,80,80); font-size: 10px; margin-left: 0;} .pagesNav { margin-bottom: 5px; text-align: right; white-space: nowrap;} #ratePlanSort { padding: 0 10px; background: rgb(230,230,230); color: rgb(80,80,80); height: 90px;} #ratePlanSort td { padding: 20px 15px; text-align: left; } #ratePlanSort td.ratePlanDetail { width: 75%; } #ratePlanSort select { display: block; } #ratePlanSort select, #ratePlanSort h4 { font-weight: normal; } /*PRODUCT COMPARISON*/ #rateComparison, #productComparison { width: 720px; margin: 20px auto;border-bottom: 1px solid rgb(136,163,206); border-right: 1px solid rgb(136,163,206); border-collapse: collapse; } #rateComparison td, #productComparison td { width: 25%; padding: 4px 10px; border-top: 1px solid rgb(136,163,206); border-left: 1px solid rgb(136,163,206); text-align: center; } #rateComparison thead td, #productComparison thead td { vertical-align: bottom; padding: 4px 10px; border-top: 0; background: white; } #productComparison thead a { text-align: center; } #rateComparison .noLeft, #productComparison .noLeft { border-left: 0; } #rateComparison td.txtLeft, #productComparison td.txtLeft { text-align: left; font-weight: bold; } col.alt1 { background: rgb(230,230,230); } col.alt { background: rgb(240,240,240); } #rateComparison td { width: 20%; } #rateComparison a.orangePill { height: 13px; white-space: nowrap; } /*CHECKOUT*/ #checkoutInfoColR { width: 695px; margin: 0 auto; } #checkoutInfoCol { float: left; width: 695px; margin: 0 55px; } #checkoutInfoColR table, #checkoutInfoCol table { margin-bottom: 10px; } #checkoutInfoColR #cartDisplay, #checkoutInfoCol #cartDisplay { float: none; margin: 0 auto 30px; } #checkoutInfoColR .col1, #checkoutInfoCol .col1, #checkoutInfoColR .col2, #checkoutInfoCol .col2 { float: left; width: 45%; } #checkoutInfoColR .col2, #checkoutInfoCol .col2 { width: 55%; } #exisitingNumberDetails { display: none;/* background: rgb(230,230,230);*/ } #checkoutInfoColR #exisitingNumberDetails, .accountsTable #exisitingNumberDetails{ display: block; } a.duplicate, a.checkout { display: block; float: right; position: relative; z-index: 50; width: 99px; height: 22px; margin: 8px 0 0; background: url(/img/2008Template/buttons/button-checkout.png) no-repeat 0 0; text-indent: -50000px; } a.duplicate { width: 159px; margin-bottom: 8px;background: url(/img/2008Template/buttons/button-duplicateOrder.png) no-repeat 0 0; text-indent: 0; } input.superShort { float: right; height: 12px; width: 10px; padding: 3px; margin: 0 33px 0 0; font-size: 10px; } #checkoutInfoColR h1.heading2, #checkoutInfoCol h1.heading2, #checkoutInfoColR p, #checkoutInfoCol p, .checkOutItem td, #checkoutInfoColR .col1 td, #checkoutInfoCol .col1 td { padding: 0 8px; color: rgb(90,90,90); line-height: 1.4; } #checkoutInfoCol .col1 td + td { color: rgb(28,28,28)} .checkOutItem td { padding-top: 2px;} #checkoutInfoColR h1.heading2, #checkoutInfoCol h1.heading2, #checkoutInfoColR .heading2 td, #checkoutInfoCol .heading2 td { font: 14px/21px Arial,Verdana,Helvetica,sans-serif; color: white; text-transform: uppercase;} #checkoutInfoColR h1.heading2, #checkoutInfoCol h1.heading2 { margin: 10px 0 0;} #checkoutInfoColR p, #checkoutInfoCol p { padding: 8px;} #colorMe td { padding: 0; } #colorMe td table { margin: 4px; } #colorMe td table td { padding: 1px 8px; line-height: 1.4} #keepNumberTD { text-align: center;} #checkoutInfoColR textarea, #checkoutInfoCol textarea { width: 100%; height: 75px;} #checkoutInfoCol input { margin: 1px;} .po { text-align: right; margin: 10px 0; font: 21px Arial,Verdana,Helvetica,sans-serif; } .po span { font-size: 12px; color: rgb(80,80,80) } #checkoutInfoColR .col1 td.txtRight + td { height: 18px; color: rgb(28,28,28); } #checkoutInfoColR .col2 td { height: 18px; } .accountsTable { width: 970px; margin: 0 0 0 10px; } .accountsTable table { width: 100%; border: 1px solid #88A3CE; } .accountsTable th { background: #E6E6E6; font-weight: bold; } .accountsTable td { } .accountsTable tr.alt td { background: #F2F2F2; } .accountsTable th, .accountsTable td { padding: 4px; } .account_details { width: 970px; margin: 0 0 0 10px; } .account_info { margin: 20px 0 10px 0; } .account_search { margin: 0 0 10px 0; } .account_search td { padding: 0 5px 0 0; vertical-align: middle; } #btam { padding: 10px 0 10px 0; } #status_dropdown { float: right; margin: -20px 0 0 0; } .accountsTable td.rj, .accountsTable th.rj, .account_search td.rj { text-align: right; } .accountsTable td.cj, .accountsTable th.cj { text-align: center; } .accountsTable td.pl { padding-left: 15px !important; } .accountsTable td.approved, .accountsTable tr.alt td.approved { background: #cceedd; text-transform: uppercase; } .accountsTable td.pending, .accountsTable tr.alt td.pending { background: #ffffb0; text-transform: uppercase; } .account_search table.status { width: 100%; } .account_search td.status { } .lh { line-height: 15px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .blueHR { } .no-border table { border: none; } .borderAccount { border-left: none; border-bottom: none; border-right: none; border-top: 1px solid rgb(136,163,206); } .accountsTable .heading2 { background: rgb(136,163,206); color: white; } .accountsTable .col1, .accountsTable .col2 { float: left; width: 50%; } .accountsTable .col2 { width: 50%; } .accountsTable h1.heading2, .accountsTable p, .accountsTable .checkOutItem td, .accountsTable .col1 td { padding: 0 8px; line-height: 1.4; } .accountsTable h1.heading2 { margin: 10px 0 0; padding: 2px; } .accountsTable p { padding: 8px;} .accountsTable textarea { width: 300px; height: 75px; margin: 5px 0 5px 15px;} .accountsTable .col1 td.txtRight + td { height: 18px; color: rgb(28,28,28); } .accountsTable .col2 td { height: 18px; } .accountsTable .col1, .accountsTable .col2 { float: left; width: 482px;} .accountsTable .borderTop { border-top: 1px solid rgb(136,163,206); } .accountsTable .borderRight { border-right: 1px solid rgb(136,163,206); } .accountsTable .borderBottom { border-bottom: 1px solid rgb(136,163,206); } .accountsTable .borderLeft { border-left: 1px solid rgb(136,163,206); } .accountsTable .tight { padding-top: 2px; padding-bottom: 2px; color: rgb(80,80,80);} .accountsTable .discount { color: darkRed; } .accountsTable .total { color: rgb(28,28,28); text-transform: uppercase; font-weight: bold; } .clear { clear: both; height: 20px; } #centerColumn { width: 300px; }