/**
 * HSN.tv
 *
 */
 
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;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* default html styles
------------------------------------------------ */

a {
    color: #00abff;
}

html {
	background: #055681 url("../img/bg_stripe.jpg") repeat-x;
	height: 100%;
}

body {
	height: 100%;
	background: url("../img/bg_anywhere.jpg") no-repeat center top;
    color: #0a0a0a;
    font: 66.5%/1.4em Arial, Tahoma, Serif;
    margin: 0 auto;
	text-align: center;
}


/* global
------------------------------------------------ */

div#container {
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 1000px;
}

div#logo {
	left: 25px;
	position: absolute;
	top: 13px;
	display: block;
	height: 57px;
	width: 57px;
	background: url("../img/logo3d.png") no-repeat;
}

div#logo a {
	display: block;
    height: 57px;
	text-indent: -999em;
    width: 57px;
}

div#pluginBox {
    left: 3px;
    position: absolute;
}

div#pluginBox #InstallPrompt {
	margin: auto;
	width: 206px;
	padding-top: 120px;
}

div#pluginBox #PostInstallGuidance {
	margin: auto;
	width: 206px;
	padding-top: 10px;
	text-align: center;
	font: 11px arial, helvetica, sans-serif;
	color: #666;
}


/* home
------------------------------------------------ */

body#home {
    font-size: 1.1em;
}

body#home div#container {
	background: url("../img/bg_container.png") no-repeat;
}

body#home div#wrapper {
	width: 694px;
	height: 556px;
    margin-top: 15px;
	left: 153px;
	position: absolute;
	overflow: hidden;
}

body#home div#disclaimer {
	color: #474747;
    overflow: hidden;
    font-size: .9em;
    line-height: .9em;
	padding: 623px 0 34px 157px;
	width: 605px;
}

body#home div#disclaimer p strong {
    color: #000;
    display: block;
    float: left;
    font-size: .7em;
    margin-bottom: 1em;
    width: 80%;
}

body#home div#disclaimer #feedbackLink {
    color: #0077C1;
    float: left;
    font-size: .7em;
    margin-bottom: 1em;
    text-align: right;
    width: 20%;
}

body#home p#description {
	margin-top: 10px;
	font-size: 11px; 
}


/* hsn anywhere
------------------------------------------------ */

body#anywhere div#container {

	color: #000;
    font-size: 1.2em;
    padding-top: 130px;
    position: relative;
}

body#anywhere ul#remote {
	left: 945px;
    top: 371px;
}

body#anywhere div#header {
  left: 28px;
    position: absolute;
    top: 90px;
}

body#anywhere div#header h1 {
/*    left: 110px;
    position: relative;
    top: -24px;*/
}

body#anywhere div#header p {
	background: url("../img/nav_pip.png") no-repeat right 0;
    height: 25px;
    left: 0;
    top: 0;
    width: 100px;
}

body#anywhere div#header p a {
	background-image: url("../img/nav_home.png");
    display: block;
    height: 23px;
    text-indent: -999em;
    width: 82px;
}

body#anywhere div#header h1 a {
	background-image: url("../img/anywhere/hdr_anywhere.jpg");
    display: block;
    height: 29px;
    text-indent: -999em;
    width: 215px;
}

body#anywhere div#pluginBox {
    left: 0;
	margin-left: 32px;
	padding-top: 5px;
}

body#anywhere div#content {
    min-height: 348px;
}

body#anywhere div#videos {
    color: #666;
	left: 319px;
	position: absolute;
	top: 452px;
	width: 357px;
}

body#anywhere div#videos div#timer {
    color: #000;
    left: 315px;
    position: absolute;
    text-align: right;
    top: 2px;
    width: 40px;
}

body#anywhere div#videos p {
    margin-top: .2em;
}

body#anywhere div#videos a {
    margin: 0 7px;
}

body#anywhere div#content {
	background-color: #fff;
	display: block;
	margin: 0 0 0 27px;
	padding: 9px 27px 66px 677px;
	width: 243px;
}

body#anywhere h2 {
	color: #0082c8;
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1em;
    margin: 0 12px .4em 0;
}

body#anywhere h3 {
	background: url("../img/anywhere/hdr_available.png") no-repeat;
    height: 19px;
    margin: 10px 0 10px;
    text-indent: -999em;
    width: 182px;
}

body#anywhere h3#hsn_cooks {
	background: url("../img/anywhere/hdr_hsn_cooks.png") no-repeat;
}

body#anywhere h3#beautiful {
	background: url("../img/anywhere/hdr_beautiful_you.png") no-repeat;
}

body#anywhere div#content p {
    line-height: 15px;
    margin-bottom: 1.1em;
}

body#anywhere div#content li {
    line-height: 16px;
    margin-bottom: .4em;
}

body#anywhere div#content ul#locations li span {
    background: url("../img/anywhere/icn_collapsed.png") no-repeat;
    color: #000;
    cursor: pointer;
    padding-left: 17px;
    text-decoration: none;
}

body#anywhere div#content ul#locations li.expanded span {
    background-image: url("../img/anywhere/icn_expanded.png");
}

body#anywhere div#content ul#locations li.expanded a.commercial {
    background-image: none;
}

body#anywhere div#content ul#locations ul {
    display: none;
}

body#anywhere div#content ul#locations li.expanded ul {
    display: block;
    margin-top: .3em;
}

body#anywhere div#content ul#locations ul li {
    background: none;
    padding-left: 26px;
}

body#anywhere div#content ul.links {
    margin-top: 21px;
}

body#anywhere div#content ul.links li {
    line-height: 24px;
}

body#anywhere div#content ul.links li a {
    background: url("../img/anywhere/bullet.png") no-repeat 0 2px;
    font-size: 14px;
    padding-left: 14px;
    text-decoration: none;
}


/* remote
------------------------------------------------ */

ul#remote {
    left: 853px;
	list-style-type: none;
	position: absolute;
    top: 449px;
	visibility: hidden;
	width: 42px;
	z-index: 2;
}

ul#remote.showInfo {
    background: url("../img/remote/info_remote.png") no-repeat 41px 34px;
    width: 149px;
}

ul#remote li {
    position: relative;
    width: 42px;
    vertical-align: bottom; /* fixes bottom margin bug in ie */
}

ul#remote a, ul#remote #r_drag {
	background: url("../img/remote/menu.png") no-repeat;
}

ul#remote a {
    cursor: pointer;
	display: block;
    text-indent: -9999em;
    outline: none;
}

ul#remote span {
	display: none;
	height: 113px;
    left: -1px;
	position: absolute;
	top: 0;
	width: 154px;
}

ul#remote span.show {
	display: block;
	left: -154px;
}

ul#remote span.showAlt {
	display: block;
	left: 42px;
}

ul#remote #r_drag {
	height: 30px;
	cursor: pointer;
    text-indent: -999em;
}

ul#remote #r_home a {
	background-position: 0 -30px;
	height: 40px;
}

ul#remote #r_home a:hover {
	background-position: -42px -30px;
}

ul#remote #r_home span {
	background: url("../img/remote/info_home.png") no-repeat;
}

ul#remote #r_anywhere a {
	background-position: 0 -70px;
	height: 40px;
}

ul#remote #r_anywhere a:hover {
	background-position: -42px -70px;
}

ul#remote #r_anywhere span {
	background: url("../img/remote/info_anywhere.png") no-repeat;
}

ul#remote #r_games a {
	background-position: 0 -110px;
	height: 33px;
}

ul#remote #r_games a:hover {
	background-position: -42px -110px;
}

ul#remote #r_games span {
	background: url("../img/remote/info_games.png") no-repeat;
}

ul#remote #r_program a {
	background-position: 0 -143px;
	height: 43px;
}

ul#remote #r_program a:hover {
	background-position: -42px -143px;
}

ul#remote #r_program span {
	background: url("../img/remote/info_program.png") no-repeat;
}


/* share form
------------------------------------------------ */

form#share {
	font: 11px arial, helvetica, sans-serif;
	width: 330px;
	position: absolute;
	display: none;
	text-align: left;
	color: white;
	padding-left: 7px;
}

form#share fieldset {
	border: none;
}

form#share label {
	display: block;
	margin-bottom: 6px;
}

form#share label.leftAlign span {
	float: left;
	width: 100px;
	line-height: 22px;
}

form#share input.text {
	width: 190px; /* 218 */
	border: 1px solid #b2b2b2;
	height: 20px;
	line-height: 22px;
}

form#share textarea {
	width: 284px; /* 312 */
	height: 66px; /* 88 */
	border: 1px solid #b2b2b2;
	padding: 3px;
	font-family: arial, helvetica, sans-serif;
}

form#share .note {
    color: #7c7c7c;
}

form#share .submitBtns {
	text-align: center;
	margin-top: 1em;
}

form#share p {
	display: block;
	margin: -5px;
}

form#share #error {
	margin-top: 5px;
	margin-bottom: 10px;
}

form#share p #formDisclaim {
	display: block;
}				

form#share .formError {
	color: #cc3300;
	font-weight: bold;
}


/* feedback form
------------------------------------------------ */

div#feedback {
	background: url("../img/feedback/bg_t.png") no-repeat;
	color: #000;
	font-family: Arial, Tahoma, Serif;
	font-size: 12px;
	left: 127px;
	position: absolute;
	top: 94px;
	visibility: hidden;
	z-index: 3;
}

div#feedback div#feedbackWrapper {
	background: url("../img/feedback/bg_b.png") no-repeat left bottom;
    margin-top: 38px;
	min-height: 402px;
    padding: 11px 25px 13px 25px;
    width: 271px;
}

div#feedback img#closeIcon {
    left: 19px;
    position: absolute;
    top: 16px;
}

div#feedback p#feedback-logo img {
    margin: 0 auto;
}

body#anywhere div#feedback p#feedback-logo img {
    margin-bottom: 7px;
}

div#feedback h2, div#feedback legend {
	font-size: 16px;
	margin-bottom: 5px;
}

div#feedback p.message {
    line-height: 15px;
    margin-bottom: 7px;
}

div#feedback fieldset {
	overflow: hidden;
	padding: .2em 0;
}

div#feedback label {
    color: #333;
	float: left;
    padding-top: 5px;
    text-align: right;
	width: 84px;
}

div#feedback label.formError, div#feedback p#feedbackError {
	color: #eb0404;
/*	position: absolute;*/
/*	left: -999em;*/
}

div#feedback input.text.missingField, div#feedback textarea.missingField {
    background: #f4c7c7;
}

div#feedback input.text, div#feedback textarea {
    background: #fcfcfc;
    border: none;
    border-left: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
	font: 13px Arial, Tahoma, Serif;
    margin: 0 0 .7em 8px;
    padding: 2px;
	width: 161px;
}

div#feedback p#firstNameRow {
    margin-top: 10px;
}

div#feedback p#commentRow {
    margin-top: 12px;
}

div#feedback p#commentRow label {
    padding-top: 0;
}

div#feedback textarea {
    height: 76px;
}

div#feedback p.button {
    margin-top: 11px;
    overflow: hidden;
}

div#feedback img#cancelFeedbackButton {
    cursor: pointer;
    margin-left: 32px;
    float: left;
}

div#feedback input#submitFeedbackButton {
    float: left;
    margin-left: 13px;
}

div#feedback div#success {
    display: none;
}

div#feedback div#success h4 {
    font-size: 16px;
    margin: 60px 0 16px;
    text-align: center;
}

div#feedback div#success p {
    margin: 0 6px;
}

div#feedback div#success p#close {
    bottom: 26px;
    left: 104px;
    position: absolute;
}

.cap {
	margin: 0 27px;
	display: block;
}