﻿html, body, td, th, table, input {
  color: #000000;
  font-family: "SprintSansWeb", "Helvetica", "Arial Unicode MS",arial,"Trebuchet MS",sans-serif;
  font-size: 11px;
}

html {
  overflow-y: scroll;
}

body {
  background-color: #FFFFFF;
  margin: 0pt;
  padding: 0pt;
}

img, a img {
  border: 0pt none;
}

.results-heading {
  float: left;
  padding: 0px 0px 5px 10px;
}

.details {
  font-size: 11px;
  line-height: 13px;
}

.details .streetAddress {
  font-size: 12px;
}

.details > .linksContainer {
  width: 100%;
  clear: both;
}

.apptLinkContainer {
  padding-top: 5px;
}

.websiteLinkContainer {
  padding-top: 2px;
}

.apptIcon, .directionsIcon, .websiteIcon {
  height: 22px;
  width: 22px;
  vertical-align: middle;
  padding-right: 5px;
}

.apptIcon.stacked, .directionsIcon.stacked {
  padding-right: 5px;
  float: left;
}

#navTop {
  background-color: #000000;
  background-image: url(../img/bg_header_gradient.gif);
  background-position: 183px 0pt;
  background-repeat: no-repeat;
  clear: both;
  margin: 0pt;
  width: 100%;
}

#resultsDD {
  overflow-y: auto;
  height: 545px;
}

#leftFrame {
  float: left;
  width: 475px;
  max-width: 475px;
  z-index: 1; /* (To overlay Bing map) */
  position: relative;
}

#rightFrame {
  float: right;
  width: 525px;
  position:relative;
  z-index: 1020; /* (Bing maps controls are z-index: 1001) */
}

#navTop .section {
  padding: 0pt 5px 0pt 30px;
}

#brand {
  float: left;
  margin: 10px 0;
}

#printBrand {
  display: none;
}

.clear, .clearer {
  clear: both;
  display: block;
  font-size: 1px;
  height: 1px;
  margin: 0pt;
  overflow: hidden;
  padding: 0pt;
  width: 1px;
}

#navI {
  display: inline;
  float: right;
  margin: 15px 0pt 0pt;
  color: #ffffff;
}

  #navI .navLink {
    color: #ffffff;
    text-decoration: none;
  }

#entryFrame {
  height: 65px;
  background-color: #999999;
  border: solid 1px #808080;
  border-bottom: none;
}

#initialForm {
  background-color: #999999;
}

#footer {
  display: none;
  position: absolute;
  right: 5px;
  bottom: 0px;
  font-size: 6pt;
  width: 200px;
}

  #footer .section {
    padding: 0px 20px 0px 0px;
  }

  #footer p.copy {
    color: #666666;
    float: right;
  }

#mainContent {
  margin: 10px 0px 0px 15px;
}

.zoomButton {
  border: 1px solid #666666;
  margin-top: 1px;
  width: 15px;
  height: 3px;
  overflow: hidden;
  cursor: pointer;
}

#zoomBarCustom {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 10000;
  border: solid 2px #000000;
  padding: 3px;
  cursor: pointer;
  width: 17px;
  background-color: #cccccc;
}

h1 {
  font-size: 20pt;
  font-weight: normal;
  font-style: normal;
  margin: 0pt;
}

#resultsFrame {
  border-style: solid;
  border-color: #808080;
  border-width: 0px 1px 1px 1px;
  overflow: hidden;
  height: 608px;
}

#resultsFrameSmall {
  border-style: solid;
  border-color: #bfbfbf;
  border-width: 1px 1px 1px 1px;
  overflow: hidden;
  /*height: 444px;*/
  height: 735px;
  width: 325px;
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #FFFFFF;
  margin-top: 5px;
  margin-left: 5px;
}

.results {
  display: none;
  height: 100%;
  position: relative;
}

.resultsPartial {
  font-size: 11px;
  display: inline;
}

.featureList {
  vertical-align: top;
}

.featureList.twoColumn, .featureList.threeColumn {
  width: 100%;
  padding-top: 1px;
}

.featureList td {
  padding-top: 0px;
  padding-bottom: 0px;
}

ul.specs {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li.specOn {
  background-image: url(../img/check.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  padding-left: 12px;
}

li.specOff {
	background-image: url(../img/x-oblique.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
  padding-left: 12px;
  color: #999999;
}

li.specOnNoIcon {
  padding-left: 12px;
}

li.specOffNoIcon {
  padding-left: 12px;
  color: #999999;
}

.salesHoursList {
  line-height: 11px;
}

.salesHoursList td {
  padding: 0px;
}

.salesHoursList>div {
  text-align: center;
  font-style: italic;
  padding-right: 10px;
}

.open-hours > td {
  padding: 0;
}

.open-hours.current-day {
  font-weight: 500;
}

.apple-screen-repair {
  margin-top: 12px;
  -webkit-box-shadow: 0 0 4px #ffce0a;
  -moz-box-shadow: 0 0 4px #ffce0a;
  box-shadow: 0 0 4px #ffce0a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
}
.apple-screen-repair > .strong-emphasis {
  font-weight: 500;
  font-style: italic;
}

.focus-retailer .apple-screen-repair {
  margin: 5px 0;
  font-style: italic;
}

.notes-promo-box {
  border: solid 1px #bfbfbf;
  padding: 3px;
  margin: 0px 20px;
}

.storeNumber {
  margin: 35px 15px 0px 15px;
}

.storeNumber p {
  text-align: right;
  color: #999999
}

.marketing {
  margin: 7px;
  padding: 4px 7px 1px 7px;
  background-color: #dddddd;
  font-size: 11px;
}

.marketingTxt {
  font-size: 11px;
}

.marketingTxt > ul {
  margin-top: 0px;
}

/*
 * Precede these link styles with #mainFrame so they 
 * only apply to the store locator links and 
 * not the header that Sprint injects onto the page. 
 */
#mainFrame a:link {
  color: #0668e8;
  text-decoration: none;
}

#mainFrame a:visited {
  color: #0668e8;
  text-decoration: none;
}

#mainFrame a:active {
  color: #0668e8;
  text-decoration: none;
}

#mainFrame a:hover {
  color: #004198;
  text-decoration: underline;
}


.pager {
  position: relative;
  bottom: 0px;
  background-color: rgba(214, 214, 214,0.3);
  padding: 3px;
}

.pagerContent {
  text-align: center;
  font-size: 11px;
}

p {
  margin: 7px 0px;
}

#DetailsMap {
  float: left;
  margin-right: 10px;
}

#uxAdsPane {
  position: absolute;
  width: 526px;
  background-color:rgba(0,0,0,0.70);
  height: 745px;
}

#narrowFrame {
  height: 70px;
  background-color: #dddddd;
  border-left: solid 1px #808080;
  border-bottom: solid 1px #808080;
  border-right: solid 1px #808080;
}

#uxResultsMapPane {
  /*display: none;*/
  position: relative;
}

#featuredFrame {
  height: 160px;
  background-color: #ebebeb;
  border: solid 1px #808080;
  position: absolute;
  width: 474px;
}

#poiPop {
  background-color: #ffffff;
  border: solid 1px #bfbfbf;
  position: absolute;
  z-index: 1;
  height: 735px;
}

#poiInfoContainer {
  overflow: auto;
  width: 240px;
  height: 717px;
}

#pPop {
  background-color: #ffffff;
  border: solid 1px black;
  padding: 7px;
  position: absolute;
  display: none;
  z-index: 100000;
  max-width: 300px;
}

.surveyBtn {
  border: solid 1px #000000;
  background-color: #dddddd;
  font-weight: bold;
  cursor: pointer;
}

.surveyBtnOn {
  background-color: #ffce0a;
}

.req {
  color: Red;
}

.inputHint {
  color: #999999;
}

.hrs {
  font-size: 9px;
}

ul.promo {
  margin-top: 0px;
  margin-bottom: 0px;
}

.customPin div {
  color: Black !important;
}

.ad {
  width: 475px;
  border: solid 1px #808080;
  display: block;
  margin: 10px auto;
}

.searchResultStoreWrapper {
  padding-bottom: 30px;
}
.searchResultStoreWrapper.lastStore {
  padding-bottom: 0px;
}
.searchResultStoreWrapper:hover {
  background-color: #f8f8f8;
}

.promo-subtitle {
  font-weight: bold;
  font-style: italic;
  color: red;
}

.retailer-subtitle {
  color: #999999;
}

.searchResultsIconContainer {
  /*float: left;*/
  display: inline-block;
  position: relative;
  margin-left: 9px;
  text-align: center;
  vertical-align: middle;
}

.searchResultsIconText {
  width: 100%;
  position: absolute;
  top: 8px;
}

.star .searchResultsIconText {
  top: 13px;
}

.link {
  cursor: pointer;
  color: #0668e8;
}

.link:hover {
  text-decoration: underline;
}

.ddContainer {
}

.ddStoreSummaryBox {
  width: 100%;
  border: solid 1px silver;
  padding: 5px 0;
}

.ddSummary {
  font-size: 1.15em;
  padding-bottom: 5px;
}

.ddNumber {
  font-weight: bold;
}
.ddNumber.mile {
  margin-left: 50px;
}
.ddUnit.mile {
  font-weight: bold;
}

.ddRouteLegInfo {
    background: #eee;
    border: 1px solid silver;
    color: #000;
    margin: 5px 0px 5px 0px;
    vertical-align: middle;
}

.ddRouteLegInfo .ddRouteLegText {
  padding: 10px;
}

.ddSteps {

}

.ddSteps > table {
  border-collapse: collapse;
}

.ddStepRow td {
   border-top: 1px solid #cdcdcd;
   padding: 2px;
}

.ddSteps .stepDistance {
  white-space: nowrap;
  text-align: right;
}

.ddCopyrights {
  color: gray;
}

.dismiss-directions {
  padding-bottom: 15px;
}
.drawerHeaderTitle {
  font-size: 14px;
}

.OverlaysTL {
  left: auto !important;
  right: 260px !important;
}

.eliteExperienceGraphic {
  text-align: center;
  padding-top: 20px;
}

.eliteExperienceGraphic img {
  width: 110px;
  height: 110px;
}

.eliteExperienceGraphic p {
  font-size: 13px;
  font-style: italic;
}