body {background:none; background-color:#000;} #heroHeading {width:400px; margin:0 auto; position:absolute; top:94px; left:223px; z-index:100;} #heroHeading h1 {font-style:italic; font-size:1.4em;} #heroHeading.bold h1 {color:#00a4c8;} #heroHeading.curve h1 {color:#ffe95a;} #heroHeading.pearl h1 {color:#cc2372;} #heroHeading.torch h1 {color:#d62d00;} #heroHeading.tour h1 {color:#be16bb;} #heroHeading.storm h1 {color:#d34f00;} #heroHeading .tagline {font-size:2.4em; color:#fff; background-image:url(/septRefresh/static/assets/images/global/bbLove.png); background-repeat:no-repeat; margin:13px 0 0 0; padding:0 0 0 131px; height:38px; float:left;} #ie6 #heroHeading .tagline {background-image:url(/septRefresh/static/assets/images/global/bbLove.gif);} #heroHeading .tagline span {color:#fff; line-height:1.2em;} #heroHeading .tagline em {display:none;} #heroHeading .actions {clear:both; padding:14px 0 0 0;} #heroHeading .actions .cta {float:left; margin:10px 0 0 0;} #heroHeading .actions .button, #heroHeading .actions .button span {background-image:url(/septRefresh/static/assets/images/global/buttonSprite.png); display:block; background-repeat:no-repeat;} #ie6 #heroHeading .actions .button span {background-image:url(/septRefresh/static/assets/images/global/buttonSprite.gif);} #heroHeading .actions .button {float:right; margin:0 125px 0 0; background-position:100% 0; display:none;} #heroHeading .actions .button:hover {text-decoration:none;} #heroHeading .actions .button span {font-size:1.1em; font-weight:bold; background-position:0 0; padding:7px 20px 7px 30px; margin:0 10px 0 0;} #heroContent {margin: 0 auto; background:url(/septRefresh/static/assets/images/smartphones/families/fadeToWhite.jpg) repeat-x 0 364px;/*355px*/} #heroScroller {position: relative; overflow:hidden;} .scroller li a:hover, .scroller li a:active {text-decoration:underline;} #scrollerContent {background-position:-80px 0; background-repeat:no-repeat; width:100%;} #scrollerContent ul {float:left;} #scrollerContent ul.scroller {position:relative;} .productColumn {float:left; display:block; height:510px; width:207px;} .scroller li.productColumn a, .scroller li.productColumn a:hover, .scroller li.productColumn a:active {text-decoration:none;} .productColumn .productImage {float:left; display:block; position:relative; background-repeat:no-repeat;} .productColumn .imageContainer {display:block; position:relative; z-index:90; background-image:url(/septRefresh/static/assets/images/smartphones/families/smartphoneSprite.png); background-repeat:no-repeat; height:214px; margin:200px 58px 0 34px;} .productColumn .glow {position: relative; z-index:89; height:100%; background-repeat:no-repeat; margin:0 0 -414px 0; height:414px;} .open .glow, .isAnimating .glow, #ie6 .productColumn .glow {display:none;} .productColumn .productImage .glow {background-image:url(/septRefresh/static/assets/images/smartphones/families/phoneHoverSprite.jpg); opacity:0;} #ie6 .productColumn .productImage .glow {background-image:url(/septRefresh/static/assets/images/smartphones/families/phoneHoverSprite.gif);} /*.productColumn*/ .open .imageContainer {background-image:none;} #ie6 .productColumn .imageContainer {background-image:url(/septRefresh/static/assets/images/smartphones/families/smartphoneSprite.gif);} #bold {width:388px;/*530px*/} #bold .productImage .glow {background-image:none;} #bold .imageContainer {width:388px;/*530px*/ height:510px; margin:0; background-image:url(/septRefresh/static/assets/images/smartphones/families/bold.png);}/*/bold/boldHero.png*/ #ie6 #bold .imageContainer {background-image:url(/septRefresh/static/assets/images/smartphones/families/bold.gif);} #bold .imageContainer h3 {font-size:3.6em; color:#fff; position:absolute; top:125px; left:250px;} #bold .imageContainer p {font-size:1.2em; font-weight:bold; color:#fff; position:absolute; top:168px; left:260px; white-space:nowrap;} #curve .productImage .glow {background-position:-523px 126px;} #curve .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.png); background-position:-9999em -9999em;} #curve.open .productImage {background-position:0 0;} #ie6 #curve.open .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.gif);} #curve .imageContainer {width:115px; background-position:0 0;} #pearl .productImage .glow {background-position:-37px 120px;} #pearl.open .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.png); background-position:0 0;} #ie6 #pearl.open .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.gif);} #pearl .imageContainer {width:115px; background-position:-250px 0;} #torch .productImage .glow {background-position:-271px 120px;} #torch.open .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.png); background-position:0 0;} #ie6 #torch.open .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.gif);} #torch .imageContainer{width:115px; background-position:-125px 0;} #tour .productImage .glow {background-position:-768px 117px;} #tour.open .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.png); background-position:0 0;} #ie6 #tour.open .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.gif);} #tour .imageContainer {width:115px; background-position:-375px 0;} #storm .productImage .glow {background-position:-1020px 121px;} #storm.open .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.png); background-position:0 0;} #ie6 #storm.open .productImage {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveHero.gif);} #storm .imageContainer {width:115px; background-position:-500px 0;} .productColumn .productImage h3 {padding:0 0 0 40px; cursor:pointer;} .productColumn .productImage h3 .family {font-size:2em; font-weight:bold; color:#00b0e4; display:block;} .productColumn .productImage h3 .bb {font-weight:bold; color:#9f9f9f; display:block;} .productColumn .tagline {font-style:italic; display:block; padding:0 0 0 40px; color:#636363; font-size:1.3em;} /*.productColumn*/.open .productImage h3, /*.productColumn*/.open .tagline {display:none;} #scrollerContent .productDetail {float:left; overflow:hidden; margin:0 0 0 -115px;} #bold .productDetail .hero {background-image:url(/septRefresh/static/assets/images/smartphones/families/bold/boldDetailSideview.jpg); background-repeat:no-repeat; background-position:-350px 100%;} #curve .productDetail .hero {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveDetailSideview.jpg); background-repeat:no-repeat; background-position:-350px 100%;} /* Scroller Nav */ #pageLeft div, #pageLeft .arrow, #pageLeft .hoverText, #pageRight div, #pageRight .arrow, #pageRight .hoverText {background-image:url(/septRefresh/static/assets/images/smartphones/families/scrollerNavSprite.png); background-repeat:no-repeat;} #ie6 #pageLeft div, #ie6 #pageRight div {background-image:url(/septRefresh/static/assets/images/smartphones/families/scrollerNavSprite.gif);} #pageLeft, #pageRight {height:102px; position:fixed; top:40%; cursor:pointer; z-index:9900; display:block; text-decoration:none;} #pageLeft {left:0;} #pageRight {right:0; } #pageRight.inactive, #pageLeft.inactive {display:none;} #pageLeft div, #pageRight div {background-position:100% 0; padding:0 40px 0 0; margin:250px 0 0 35px; height:102px; display:block; text-decoration: none;} #pageLeft span, #pageRight span {display:block; float:left;} #pageLeft .hoverText, #pageRight .hoverText {margin:0; height:102px; background-position:0 0;} #pageLeft .arrow, #pageRight .arrow {width:28px; height:102px; opacity:.7} #pageLeft .arrow {background-position:-231px 0;} #pageRight .arrow {background-position:-263px 0;} #pageRight:hover .arrow, #pageLeft:hover .arrow {opacity:1;} #pageLeft em, #pageRight em{color:#FFFFFF !important;float:left;font-size:1.1em;font-style:normal !important;font-weight:bold;line-height:15px;position:relative;top:35px;} #pageLeft em {padding:0 0 0 8px;} #pageRight em {padding:0 8px 0 0; text-align:right;} /* Smartphone Detail Template Styles */ .familyOverview {color:#fff; font-weight:bold;} .familyOverview .hero {width:915px; padding:50px 0 0 0; height:339px;} .familyOverview .featured {width:425px; float:left; height:330px; margin:0 0 0 30px; display: inline;} #bold .familyOverview .featured {} #bold .familyOverview .featured .cta {margin:243px 0 0 40px; display:block;} .familyOverview .detailContainer {width:450px; float:left; background-repeat:no-repeat; } #bold .familyOverview .detailContainer {background-image:url(/septRefresh/static/assets/images/smartphones/families/bold/boldDetailListingBkgd.jpg); background-position:100% 144px;} #curve .familyOverview .detailContainer {background-image:url(/septRefresh/static/assets/images/smartphones/families/curve/curveDetailListingBkgd.jpg); background-position:100% 67px;} .familyOverview .detailListing {} .familyOverview .detailListing li {display:block; width:160px; padding:0 65px 0 0; margin:0 0 40px 0; background-image:url(/septRefresh/static/assets/images/global/featureIcons.png); background-repeat:no-repeat; background-position:0 100px} #ie6 .familyOverview .detailListing li {background-image:url(/septRefresh/static/assets/images/global/featureIcons.gif);} .familyOverview .detailListing .gps {background-position:100% -108px;} .familyOverview .detailListing .network {background-position:100% -52px;} .familyOverview .detailListing li h4 {font-size:1.4em; padding:0 0 5px 0; font-weight:bold;} .familyOverview .detailListing li p {} .familyOverview .detailListing .close {padding:0 0 30px 0; width:330px; background-image:none; margin:0;} .familyOverview .detailListing .close .cta {float:right; padding:0 24px 0 0; background-repeat:no-repeat; background-position:100% -59px; line-height:1.5em;} .familyOverview .detailListing .network {} .familyOverview .detailListing .gps {} .familyOverview .detailListing .empty {height:52px;} #curve .familyOverview .featured .detailListing {padding:235px 0 0 193px;} .familyOverview .models {} .familyOverview .models ul {} .familyOverview .models .model {display:block; float:left; padding:0 0 0 161px; background-image:url(/septRefresh/static/assets/images/smartphones/families/bold/boldFamilySpriteSmall.jpg); background-repeat:no-repeat;} #ie6 .familyOverview .models .model {background-image:url(/septRefresh/static/assets/images/smartphones/families/bold/boldFamilySpriteSmall.jpg);} .familyOverview .models .bold9000 {background-position:95px 0;} .familyOverview .models .bold9650 {background-position:95px -100px;} .familyOverview .models .bold9700 {background-position:95px -200px;} .familyOverview .models .model h4 {color:#00a4c8; font-size:1.4em; padding:0 0 10px 0;} .familyOverview .models .model .details {} .familyOverview .models .model .details li, .familyOverview .models .model .details abbr {color:#4d4d4d;} .familyOverview .models .model .details .add .cta {background-image:url(/septRefresh/static/assets/images/global/ctaIconSprite.png); margin:10px 0 0 0; background-position:0 -29px; background-repeat:no-repeat; padding:0 0 0 18px; display:block;} #ie6 .familyOverview .models .model .details .add .cta {background-image:url(/septRefresh/static/assets/images/global/ctaIconSprite.gif);} .familyOverview .models .model .details .add .compareInCart {background-position:0 -87px; padding-left:10px;} #scrollerContent #bold .familyOverview {} p.tw { background:transparent url(/assets_refresh/images/smartphones/families/torch/twitter_buzz_icon.png) no-repeat scroll 0px 0px; padding-left:45px; height:48px; overflow:hidden; color:#9f9f9f; } p.my { background:transparent url(/assets_refresh/images/smartphones/families/torch/mybb_buzz_icon.png) no-repeat scroll 0px 0px; padding-left:45px; height:48px; overflow:hidden; color:#9f9f9f; } p.in { background:transparent url(/assets_refresh/images/details/buzz/inbb_logo.png) no-repeat scroll 0px 0px; padding-left:45px; height:48px; overflow:hidden; color:#9f9f9f; } p.fb { background:url(/assets_refresh/images/smartphones/families/torch/fb_buzz_icon.png) no-repeat scroll 0 0 transparent; height:48px; overflow:hidden; padding-left:45px; color:#9f9f9f; }