/* blue or black black: 'black' and #000000 blue : 'blue' and #1b2836 and line 40 of header.aspx. change the color in the logo img url. */ #topmenu li a { background-image: url(http://espanol.boostmobile.com/sdplans/img08/refresh_nav_states_teal.jpg);} ul.submenu li a { background-image: url(http://espanol.boostmobile.com/sdplans/img08/refresh_nav_states_teal.jpg); } .headerNav, #rightNav_rf #rightNav_top input.searchBox, #rightNav_rf #rightNav_top input.storeLocator { background: #000;} #headerAlert {color: #FF6702; font-size: 10px; font-weight: bold; margin: 1px 20px; text-align: center;} /* =================================== >> Common CSS cross pages << =================================== */ html, body { height:100%; background: #000; } #headerNav { background: url(http://plans.boostmobile.com/img08/header_bg.gif) left top no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 9px; } input { margin-bottom:1px; } .pageLayout { margin: 0px auto; text-align:left; width: 750px; height: auto; } #body { padding:5px 15px 40px 15px; } #body iframe { *visibility:hidden;} .headerNav { text-align:left; position: relative; width: 100%; height: 105px; } .headerNav ul { margin: 0; } /* menu navigation .pageLayout .headerNav*/ li#zip-code-search form { width: 190px; } a.espanol { color:#919497; font-size: 9px; margin-top: 2px; text-transform: uppercase; } a.espanol:hover { color:#fff; } a.leftNav_logo { display: block; width: 231px; height:52px; } .pageLayout .headerNav #rightNav_rf{ position:absolute; right: 0; top: 0; width:521px; } .pageLayout .headerNav #rightNav_rf #rightNav_top { position: absolute; right:0; top: 0; height:35px; width:405px; color:#aeaeae; font-size:9px; text-transform:uppercase; vertical-align:middle; } li#zip-code-search { position: absolute; top: 0; right: 84px; width: 222px; height: 25px; text-align: right; background: url(http://plans.boostmobile.com/img08/header_bg-locator.gif) 0 0 no-repeat; display: block; } li#zip-code-search.selected { background: url(http://plans.boostmobile.com/img08/header_bg-locator.gif) 0 -25px no-repeat; } li#zip-code-search form { width: 190px; margin: 4px auto; } li#zip-code-search form span, li#zip-code-search form input, li#zip-code-search form button { float: left; } li#zip-code-search form span { margin-top: 3px; } li#zip-code-search form button { margin-top: 1px; text-indent: -9999px; } #headLocatorSearch { margin-left: 4px; margin-right: 2px; background: #4b4b4b !important; color: #a8a8a8 !important; } #headLocatorSearch.focused { background: #fff !important; color: #333 !important; } #zip-code-search button { border: 0; height: 18px; width: 28px; background: url(http://plans.boostmobile.com/img08/header_bg-locator-go.gif) 0 0 no-repeat; } #zip-code-search.selected button { background-position: top right; } #zip-code-search button:hover { background-position: bottom left; } #zip-code-search.selected button:hover { background-position: bottom right; } li#keyword-search { position: absolute; top: 0; right: 308px; width: 95px; height: 25px; background: url(http://plans.boostmobile.com/img08/header_bg-sd-off.gif) top left no-repeat; display: block; vertical-align: middle; } li#keyword-search.expanded { background: url(http://plans.boostmobile.com/img08/header_bg-sd.gif) top left no-repeat; } li#keyword-search #kw_left, li#keyword-search #kw_right { height: 22px; } li#keyword-search #kw_left { width: 100%; background: url(http://plans.boostmobile.com/img08/header_bg-sdLeft.gif) bottom left no-repeat; } li#keyword-search #kw_right { width: 100%; background: url(http://plans.boostmobile.com/img08/header_bg-sdRight.gif) bottom right no-repeat; } li#keyword-search form { margin: 3px auto; text-align: center; width: 75px; padding: 0 20px; } li#keyword-search form input, li#keyword-search form span, li#keyword-search form button { float: left; } li#keyword-search form span.searchTxt { line-height: 17px; vertical-align: middle; padding-left: 0 !important; margin-top: 1px; } li#keyword-search #headInputSearch { width: 0; padding: 0; display: none; margin-top: 2px; background: #fff !important; color: #333 !important; } #kw_submit { margin-top: 2px; height: 15px; width: 26px; background: url("http://plans.boostmobile.com/img08/go_btn11.gif") 0 0 no-repeat; border: 0; cursor: pointer; text-indent: -9999px;} .expanded #kw_submit { background-position: -26px 0; } #kw_submit:hover { background: url("http://plans.boostmobile.com/img08/go_btn11.gif") 0 -15px no-repeat; } li#keyword-search form button.freeze { background: url("http://plans.boostmobile.com/img08/go_btn11.gif") 0 0 no-repeat !important; } li#link-espanol { background: url("http://plans.boostmobile.com/img08/header_bg-espanol.gif") no-repeat scroll 0 0 transparent; padding: 6px 0 8px; position: absolute; right: 0; text-align: center; top: 0; width: 82px; } #rightNav_rf #rightNav_top input { *vertical-align: middle} #rightNav_rf #rightNav_top input.storeLocator { border: 0 none; color: #919497; height: 10px; margin: 2px 5px 1px 7px; padding-bottom: 2px; padding-left: 4px; width: 75px; } #rightNav_rf #rightNav_top input.searchBox { height:12px; width:92px; padding-left:4px; padding-bottom:2px; border: 1px solid #3e3f40; color:#fff; margin-bottom: 1px; } #rightNav_rf #rightNav_top span.searchTxt { padding-left:15px; } #rightNav_rf #rightNav_top input.go_btn { height:17px; width:27px; vertical-align:bottom; *position:relative; *top:-1px; } .pageLayout .headerNav #rightNav_bottom { overflow: hidden; position: absolute; right: 0px; /*width: 645px;*/ width: 645px; top: 50px; } #topmenu { margin: 0; } ul.submenu { margin: 0; } #topmenu li { background-repeat: no-repeat; display: block; float: left; list-style: none; padding: 0; } #topmenu a { display: block; height: 27px; text-indent: -100em; } #topmenu #panel-myaccount a { background-position: -0px -13px } #topmenu #panel-shop a { background-position: -90px -13px } #topmenu #panel-coverage a { background-position: -178px -13px } #topmenu #panel-activate a { background-position: -278px -13px } #topmenu #panel-reboost a { background-position: -365px -13px } #topmenu #panel-community a { background-position: -464px -13px } #topmenu #panel-support a { background-position: -571px -13px } #topmenu #panel-myaccount { width: 86px; } #topmenu #panel-myaccount { _margin-left: 14px; } #topmenu #panel-shop { width: 81px } #topmenu #panel-coverage { width: 94px } #topmenu #panel-activate { width: 81px } #topmenu #panel-reboost { width: 93px } #topmenu #panel-community { width: 104px } #topmenu #panel-support { width: 82px; padding-right: 0 } #topmenu #panel-myaccount a:active, #topmenu #panel-myaccount.selected a { background-position: -0px -80px } #topmenu #panel-shop a:active, #topmenu #panel-shop.selected a { background-position: -90px -80px } #topmenu #panel-coverage a:active, #topmenu #panel-coverage.selected a { background-position: -178px -80px } #topmenu #panel-activate a:active, #topmenu #panel-activate.selected a { background-position: -278px -80px } #topmenu #panel-reboost a:active, #topmenu #panel-reboost.selected a { background-position: -365px -80px } #topmenu #panel-community a:active, #topmenu #panel-community.selected a { background-position: -464px -80px } #topmenu #panel-support a:active, #topmenu #panel-support.selected a { background-position: -571px -80px } #topmenu #panel-myaccount a:hover { background-position: -0px -47px !important } #topmenu #panel-shop a:hover { background-position: -90px -47px !important } #topmenu #panel-coverage a:hover { background-position: -178px -47px !important } #topmenu #panel-activate a:hover { background-position: -278px -47px !important } #topmenu #panel-reboost a:hover { background-position: -365px -47px !important } #topmenu #panel-community a:hover { background-position: -464px -47px !important } #topmenu #panel-support a:hover { background-position: -571px -47px !important } ul.submenu li { display: block; float: left; } ul.submenu li a { background-repeat: no-repeat; display: block; height: 36px; text-indent: -100em; } #shopmenu #panel-plans { width: 66px; margin-left: 32px; } #shopmenu #panel-phones { width: 73px } #shopmenu #panel-usvsthem { width: 132px } #shopmenu #panel-accessories { width: 79px } #shopmenu #panel-ringtonesmore { width: 83px } #shopmenu #panel-specialoffers { width: 120px } #shopmenu #panel-plans a { background-position: -7px -111px; } #shopmenu #panel-phones a { background-position: -68px -111px } #shopmenu #panel-usvsthem a { background-position: -140px -111px } #shopmenu #panel-accessories a { background-position: -257px -111px } #shopmenu #panel-ringtonesmore a { background-position: -353px -111px } #shopmenu #panel-specialoffers a { background-position: -474px -111px } #shopmenu #panel-plans a:hover { background-position: -7px -147px } #shopmenu #panel-phones a:hover { background-position: -68px -147px } #shopmenu #panel-usvsthem a:hover { background-position: -140px -147px } #shopmenu #panel-accessories a:hover { background-position: -257px -147px } #shopmenu #panel-ringtonesmore a:hover { background-position: -353px -147px } #shopmenu #panel-specialoffers a:hover { background-position: -474px -147px } #shopmenu #panel-plans a:active, #shopmenu #panel-plans.selected a { background-position: -7px -183px } #shopmenu #panel-phones a:active, #shopmenu #panel-phones.selected a { background-position: -68px -183px } #shopmenu #panel-usvsthem a:active, #shopmenu #panel-usvsthem.selected a { background-position: -140px -183px } #shopmenu #panel-accessories a:active, #shopmenu #panel-accessories.selected a { background-position: -257px -183px } #shopmenu #panel-ringtonesmore a:active, #shopmenu #panel-ringtonesmore.selected a { background-position: -353px -183px } #shopmenu #panel-specialoffers a:active, #shopmenu #panel-specialoffers.selected a { background-position: -474px -183px } #coveragemenu #panel-coveragemap { margin-left: 32px; width: 187px } #coveragemenu #panel-unltdcoveragemap { width: 186px } #coveragemenu #panel-coveragemap a { background-position: -7px -543px } #coveragemenu #panel-unltdcoveragemap a { background-position: -195px -543px } #coveragemenu #panel-coveragemap a:hover { background-position: -7px -579px } #coveragemenu #panel-unltdcoveragemap a:hover { background-position: -195px -579px } #coveragemenu #panel-coveragemap a:active, #coveragemenu #panel-coveragemap.selected a { background-position: -7px -615px } #coveragemenu #panel-unltdcoveragemap a:active, #coveragemenu #panel-unltdcoveragemap.selected a { background-position: -189px -615px; } #reboostmenu #panel-basics { margin-left: 340px; width: 74px } #reboostmenu #panel-gifting { width: 72px } #reboostmenu #panel-basics a { background-position: -7px -435px } #reboostmenu #panel-gifting a { background-position: -81px -435px } #reboostmenu #panel-basics a:hover { background-position: -7px -471px } #reboostmenu #panel-gifting a:hover { background-position: -81px -471px } #reboostmenu #panel-basics a:active, #reboostmenu #panel-basics.selected a { background-position: -7px -507px } #reboostmenu #panel-gifting a:active, #reboostmenu #panel-gifting.selected a { background-position: -81px -507px } #communitymenu #panel-community { width: 85px; margin-left: 369px; } #communitymenu #panel-xtras { width: 51px; } #communitymenu #panel-shrinkognition { width: 119px; } #communitymenu #panel-community a { background-position: -7px -219px } #communitymenu #panel-xtras a { background-position: -92px -219px } #communitymenu #panel-shrinkognition a { background-position: -149px -219px } #communitymenu #panel-community a:hover { background-position: -7px -255px } #communitymenu #panel-xtras a:hover { background-position: -92px -255px } #communitymenu #panel-shrinkognition a:hover { background-position: -149px -255px } #communitymenu #panel-news a:active, #communitymenu #panel-news.selected a { background-position: -7px -291px } #communitymenu #panel-boostfamily a:active, #communitymenu #panel-boostfamily.selected a { background-position: -62px -291px } #communitymenu #panel-events a:active, #communitymenu #panel-events.selected a { background-position: -160px -291px } #communitymenu #panel-videos a:active, #communitymenu #panel-videos.selected a { background-position: -216px -291px } #communitymenu #panel-contests a:active, #communitymenu #panel-contests.selected a { background-position: -271px -291px } #communitymenu #panel-entertainment a:active, #communitymenu #panel-entertainment.selected a { background-position: -344px -291px } #communitymenu #panel-xtras a:active, #communitymenu #panel-xtras.selected a { background-position: -451px -291px } #supportmenu #panel-faq { width: 160px; margin-left: 33px; } #supportmenu #panel-userguides { width: 158px } #supportmenu #panel-servicepolicies { width: 143px } #supportmenu #panel-contactcustomercare { width: 145px } #supportmenu #panel-faq a { background-position: -7px -327px } #supportmenu #panel-userguides a { background-position: -167px -327px } #supportmenu #panel-servicepolicies a { background-position: -325px -327px } #supportmenu #panel-contactcustomercare a { background-position: -468px -327px } #supportmenu #panel-faq a:hover { background-position: -7px -363px } #supportmenu #panel-userguides a:hover { background-position: -167px -363px } #supportmenu #panel-servicepolicies a:hover { background-position: -325px -363px } #supportmenu #panel-contactcustomercare a:hover { background-position: -468px -363px } #supportmenu #panel-faq a:active, #supportmenu #panel-faq.selected a { background-position: -7px -399px } #supportmenu #panel-userguides a:active, #supportmenu #panel-userguides.selected a { background-position: -167px -399px } #supportmenu #panel-servicepolicies a:active, #supportmenu #panel-servicepolicies.selected a { background-position: -325px -399px } #supportmenu #panel-contactcustomercare a:active, #supportmenu #panel-contactcustomercare.selected a { background-position: -468px -399px } /* =================================== >> CSS BUG HACKS << =================================== */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */