﻿body{background:#e9e9e9 url(images/bg.png) repeat-x;font:12px/18px arial,sans-serif;color:#333;margin:0}
p{margin-top:0}
a{color:#27075a;text-decoration:none}
a:visited{color:#27075a}
a:hover{text-decoration:underline}
img{border:0}
h1, h2, h3{font-family:helvetica,arial;color:#27075a;margin-bottom:10px}
h1{font-size:28px;font-weight:normal;line-height:35px}
h2{font-size:25px;font-weight:normal;line-height:32px}
h3{text-align:left;line-height:23px;font-size:16px}
#main{margin:16px auto auto;width:969px}
#main-top{margin:0 auto;width:969px;height:44px;position:relative}
#utility-nav{margin-top:4px;width:969px;text-align:right}
#utility-nav a{color:#260859;text-decoration:underline}
#utility-nav a:hover{text-decoration:none}
#utility-nav a.user-name{color:#666;text-decoration:none}
#internal-nav{margin-top:10px;text-align:right;margin-right:30px;font-weight:bold}
#internal-nav a{text-decoration:none;color:#000}
#internal-nav a:hover{text-decoration:underline}
#internal-nav a.selected{color:#999}
#header{margin-top:10px}
#footer-bar{display:none;margin:0 auto;margin-top:10px;width:969px;height:37px;background:transparent url(images/footer-bg.png) no-repeat}
#footer-nav{margin-top:10px;width:100%;text-align:center;color:#999}
#footer-nav p{margin:0;padding:0}
#footer-nav a:link, #footer-nav a:active, #footer-nav a:visited{color:#999;text-decoration:none}
#footer-nav a:hover{color:#999;text-decoration:underline}
.clearer{clear:both}
.errorbox{ background-color:#FFDDDD;border:1px solid #990000;color:#990000;font-size:larger;margin:5px auto;padding:8px;width:90%;text-align:center;}

/*newsletter sign-up box*/
.enewslettersignup{float:right;margin-right:7px;font-size:13px;color:red;width:600px;height:25px;vertical-align:middle;text-align:right;margin-top:5px}
.enewslettersignupcontent{margin-top:4px;float:left;font-size:13px;margin-right:5px;text-align:right;width:435px}
#enewsletterform{margin-left:440px}
.enewslettersignupbox{margin-top:3px;float:left;width:120px;height:14px;font-size:10px;margin-right:5px;color:#666}
.enewslettersignupbtn{float:left;display:block;width:25px;height:25px;margin-top:1px;color:white !important;text-align:center;line-height:25px;text-decoration:none}
a.enewslettersignupbtn{width:25px;height:25px;background:transparent url(images/btn-go.png) no-repeat}
a.enewslettersignupbtn:hover{background-position:0 -25px;text-decoration:none !important}
.floatleft{float:left}
/*for jquery hint*/
.hintBlur{color:#333}
/*end newsletter sign-up box*/

#social-network-links{float:left;margin-left:6px;margin-top:6px}
#social-network-links img{border:0}
.prwrapper{width:700px !important}

/*top menu - General styles for the site menu. */
#top-menu{position:absolute !important;left:143px;top:0;height:44px;font-size:14px;z-index:1000;padding:0;margin:0;list-style:none}
#top-menu li{height:44px;width:175px;border-left:1px solid #786398;border-right:1px solid #2a1150;float:left}
#top-menu li a{text-decoration:none;background:transparent url('images/header-sprite-v2.png') no-repeat -143px 0;display:block;height:44px;width:175px;cursor:pointer;text-align:center}
#top-menu li a:hover{background-position:-143px -44px;text-decoration:none}
#top-menu li a.selected-menu-item{background-position:-143px -88px !important;cursor:default}
#top-menu li a span{display:block;color:white;padding-top:13px;font-weight:normal}
#top-menu li.last-menu-item{border-right:0}
#top-menu li.last-menu-item a{background-position:-175px 0}
#top-menu li.last-menu-item a:hover{background-position:-175px -44px}
#top-menu li.last-menu-item a.selected-menu-item{background-position:-175px -88px !important}
.nav_btn_roku{background:transparent url(images/header-sprite.png) no-repeat;float:left;height:44px;width:143px}
.nav_btn_roku:hover{background-position:0 -44px}
.nav_btn_roku_select{background-position:0 -88px}
.buy_now_menu{background:transparent url(images/header-sprite.png) no-repeat -288px 0;width:100px;height:44px;color:#fff !important;text-decoration:none;float:right;margin-right:0}
.buy_now_menu:hover{text-decoration:none;background-position:-288px -44px}
.buy_now_btn{font-size:14px;text-decoration:none;padding-top:12px;text-align:center}
/*end top menu*/

/*sidebar menu*/
#sidebar-menu{text-align:left;list-style:none;padding:5px 0 10px;margin:0;font-size:14px}
#sidebar-menu li{padding:5px 0}
#sidebar-menu a{text-decoration:none;color:#27075A}
#sidebar-menu a.selected-menu-item{text-decoration:none;font-size:14px;font-weight:bold;cursor:default}
#sidebar-menu a:hover{text-decoration:underline}
/*end sidebar menu*/

/*roku template styles*/
#roku #header, #roku-home #header, #roku-two-column #header{margin:10px 30px 0}

/* home page styles */
.home-box-bottom{background:transparent url(images/home-box-bottom.png) no-repeat;height:4px;font-size:1pt}
.home-box-top{margin-top:10px;background:transparent url(images/home-box-top.png) no-repeat;height:4px;font-size:1pt}
.home-box-main{background:transparent url(images/home-boxes-bg.png) repeat-y;width:967px;border-right:solid 1px #aaa;border-left:solid 1px #aaa}
.home-box{float:left;width:218px;padding:12px 12px}
.home-box h3{margin-top:0;margin-bottom:5px}
.redbox{background:#c00 url(images/red-bg.png) repeat-x;border:0;width:217px !important}
#home-header{margin-top:8px}
/* end home page styles */

.white-box-top{margin-top:10px;background:transparent url(images/content-top.png) no-repeat;height:5px;font-size:1pt}
.white-box-main{background-color:#fff;width:907px;border-right:solid 1px #aaa;border-left:solid 1px #aaa;padding:26px 30px}
.white-box-bottom{background:transparent url(images/content-bottom.png) no-repeat;height:5px;font-size:1pt}
.white-box-2, .light-gray-box, .gray-box{margin-top:10px;display:none}
.light-gray-box-top{width:969px;height:4px;font-size:1px;background:transparent url(images/light-gray-box-top.png) no-repeat;margin-top:8px}
.light-gray-box-main{background-color:#f7f7f7;padding:26px 30px;width:907px;border-right:solid 1px #ababab;border-left:solid 1px #ababab}
.light-gray-box-bottom{width:969px;height:4px;font-size:1px;background:transparent url(images/light-gray-box-bottom.png) no-repeat}
.gray-box-top{width:969px;height:4px;font-size:1px;background:transparent url(images/gray-box-top.png) no-repeat;margin-top:5px}
.gray-box-main{padding:18px 21px;width:925px;background:#e0dee1 url(images/gray-box-bg.png) repeat-x;border-right:solid 1px #ababab;border-left:solid 1px #ababab}
.gray-box-bottom{width:969px;height:4px;font-size:1px;background:transparent url(images/gray-box-bottom.png) no-repeat}
.vertical-spacer{height:20px}

/* two column */
#sidebar{float:left;width:228px;padding-right:10px}
#sidebar-template{background:#fff url(images/gray-pixel.png) 245px 0 repeat-y}
#sidebar-nav{margin-bottom:20px}
#main-content{float:left;width:610px;padding-left:50px}
/* end two column */

.thirds-container{float:left;width:270px;padding:0 15px}
.one-third-container{float:left;width:277px;padding:0 15px}
.two-thirds-container{float:left;width:547px;padding:0 15px}
.half-container{float:left;width:420px;padding:0 15px}

/* reviews page */
.press-reviews td p, .customer-testimonials td p{font-size:13px;padding-top:15px;padding-bottom:15px;line-height:20px}
.customer-testimonials p span{display:block;text-align:right;font-style:italic}
.customer_testimonials td{vertical-align:middle;padding:14px 0}
.customer_testimonial{text-align:center;padding:62px 0 10px 0;font:normal 100 12px/12px arial,helvetica;width:238px}
.customer_testimonial .name{color:#260859}
.customer_testimonial .location{color:#999}
.customer_testimonials td p{padding-left:30px;margin:0}
.press_reviews td{vertical-align:middle;padding:14px 0}
.press_reviews td p{padding-left:30px;margin:0}
/* end reviews page */

/* what to watch page */
#what_to_watch .icon{text-align:center;vertical-align:top}
#what_to_watch td{padding-bottom:14px}
#what_to_watch .copy{padding-left:30px}
/* end what to watch page */

/* product page */

#products .page_callout{margin:0 0 10px 0;font:normal 700 17px/19px "Gotham",arial;color:#250558}
#products p{margin-bottom:10px}
#products .copy{font-family:Arial,sans-serif;font-size:12px}
#products table{text-align:center;width:100%;font-size:12px}
#products td{padding:10px 0;vertical-align:middle}
#products .badge{padding:0;vertical-align:bottom}
#products .badge-desc{padding:2px 15px 10px 15px;padding-top:2px;vertical-align:top;text-align:left}
#products .row-tint{background:#e9e6ee}
#products .col-roku{text-align:center}
#products .col-roku_hd{text-align:center}
#products .col-roku_hd-xr{text-align:center}
#products .feature{width:350px;text-align:left;padding-left:8px;font-weight:bold}
#products .buy_link{height:28px;width:126px;display:block;margin:10px auto}
#products .col-roku .buy_link{background:url(/Libraries/Products_Page/buy-79.sflb.ashx) no-repeat 0 0}
#products .col-roku_hd .buy_link{background:url(/Libraries/Products_Page/buy-99.sflb.ashx) no-repeat 0 0}
#products .col-roku_hd-xr .buy_link{background:url(/Libraries/Products_Page/buy-129.sflb.ashx) no-repeat 0 0}
#products .quickstart{background:#e9e6ee}
#products .specs{background:#e9e6ee}
#products .photos span, #products .specs span, #products .quickstart a{text-decoration:underline;color:#000;font-size:11px;cursor:pointer}
#products .photo_overlay{display:none;background-image:url(/Libraries/Overlay/white.sflb.ashx);padding:30px 60px 60px;font-size:11px;color:#000;_width:430px;/*ie6 hack*/}
#products .spec_overlay{display:none;background-image:url(/Libraries/Overlay/white-spec.sflb.ashx);padding:25px 60px;font-size:11px;color:#000;_width:758px;/*ie6 hack*/}
#products .photo_overlay div.close, #products .spec_overlay div.close{background-image:url(/Libraries/Overlay/close.sflb.ashx);position:absolute;right:0;top:0;cursor:pointer;height:35px;width:35px}

/* black version of the overlay. simply uses a different background image */
div.photo_overlay h2, #products div.spec_overlay h2{font-family:"Gotham",arial,helvetica;margin:0 0 0px 0;font-size:24px;color:#000}
#products div.black h2{color:#000}
#products div.spec_overlay div{float:left}
#products #roku_player_specs h1, #products #roku_player_hd_specs h1, #products #roku_player_hd_xr_specs h1{font-family:"Gotham",arial,helvetica;margin:0 0 10px 0;font-size:20px;color:#000}
#products #roku_player_specs h2, #products #roku_player_hd_specs h2, #products #roku_player_hd_xr_specs h2{font-weight:700;margin:0 50px 2px 0;font-size:14px;color:#000}
#products #roku_player_specs ul, #products #roku_player_hd_specs ul, #products #roku_player_hd_xr_specs ul{margin:0 50px 18px 2px;padding:0 0 0 12px;font:normal 100 10px/16px arial,Helvetica;width:170px;color:#000}
#products li{padding:0;margin:0}

/* end products page */

/*end roku template styles*/

/*netflix template styles*/

.small-boxes{margin-top:10px}
.small-box{float:left;margin-left:8px}
.small-box-top{width:236px;height:4px;font-size:1px;background:transparent url(images/small-box-top.png) no-repeat}
.small-box-main{padding:18px 21px;width:191px;min-height:283px;border-right:solid 1px #ababab;border-left:solid 1px #ababab;background-color:#fff}
.small-box-bottom{width:236px;height:4px;font-size:1px;background:transparent url(images/small-box-bottom.png) no-repeat}
.first-box{margin-left:0}
#netflix .thirds-container{float:left;width:240px;padding:5px 85px 0 0}
#netflix .light-gray-box-main{background:#f7f7f7 url(images/3-step-bg.png) 300px 50px no-repeat;padding:5px 24px;width: 919px}
#netflix .white-box-main{padding:5px 21px;width:925px}
.light-gray-box-main .last{padding-right:20px !important}
.thirds-side{float:left;width:240px;padding:0 55px 0 0;border:solid 1px red}
.thirds-middle{float:left;width:300px;padding:0 10px}
.quads-container{float:left;width:207px;padding:0 7px}
.white-box-main .last{background:#fff url(images/fading-line.png) 0 25px no-repeat;padding-left:25px;margin-left:10px;width:207px}
.quads-container p{color:#464647;margin-bottom:5px}
.quads-container .tagline{color:#464647;font-style:italic;font-weight:bold}
h3 span{font-weight:normal;font-size:12px}
h3.bucket_headline{font-family:helvetica,arial;color:#000}
.step_headline{color:#27075a;font-family:helvetica,arial}
a.more, a.more:visited, a.more:active{color:#27075a;text-decoration:none}
a.more:hover{text-decoration:underline}
/*end netflix template styles*/

/*newsletter sign up*/
#nl-sign-up-form{background:transparent url(/images/newsletter-signup/sign-up-bg.png) 0 0 repeat;width:180px;display:none;border:solid 1px #ccc; padding:7px;margin-left:14px;position:absolute;z-index:2;text-align:left;color:#000}
#nl-sign-up-box{position:relative;float:right;display:none;}
#signup-message{color:red}
.nl-textbox{ width:175px;border:solid 1px #000}
#sign-up-btn:hover, #nl-signup-button:hover{cursor:pointer}
a#nl-signup-button{color:red}
/*end sign up*/ 

