/* Sky Business */

body
{
	margin: 0;
	padding: 0;
	background: url(/graphics/system/background.jpg) top center repeat-x fixed #154f82;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.smallprint
{
	font-size: 9px;
}



/* -- HEADER -- */

#header
{
	position: relative;
	width: 927px;
	height: 199px;
	margin: 14px auto 0 auto;
	background: url(/graphics/system/header-background.png) top center no-repeat;
}

#logo_sky
{
	position: absolute;
	top: 26px;
	left: 785px;
}

#logo_sky-for-business
{
	position: absolute;
	top: 58px;
	left: 21px;
}

#main-nav
{
	display: block;
	width: 912px;
	height: 56px;
	position: absolute;
	top: 115px;
	left: 11px;
	background: url(/graphics/system/nav_main-background.png) left top no-repeat;
	margin: 0;
	padding: 3px 0 0 0;
}

#main-nav li
{
	display: block;
	float: left;
	height: 48px;
	margin: 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 43px;
}

#main-nav li a
{
	display: block;
	padding: 0 12px;
	margin: 0;
	color: #5b5b5b;
	text-decoration: none;
	background: url(/graphics/system/nav_main_divider.png) left bottom no-repeat;
}

#main-nav li.home a
{
	padding-left: 32px;
	background: none;
}

#main-nav li.on a, #main-nav li a:hover
{
	color: #e6461a;
}

#site-selector
{
	display: block;
	margin: 0;
	padding: 0;
	height: 20px;
	position: absolute;
	top: 11px;
	left: 23px;
	list-style: none outside;
	background: #eaeef1;
}

#site-selector li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#site-selector li a
{
	padding: 0 6px;
	margin: 5px 0;
	color: #727474;
	text-decoration: none;
	line-height: 11px;
	font-size: 11px;
	border-left: 1px solid #727474;
}

#site-selector li.default a
{
	border-left: none;
}

#site-selector li a.on
{
	font-weight: bold;
	color: #245988;
}


/* -- HEADER / Additions for main site -- */
#trail
{
	display: block;
	position: absolute;
	list-style: none outside;
	margin: 0;
	padding: 0;
	left: 35px;
	top: 180px; /*width: 328px;*/
}

#trail li
{
	display: inline;
	margin: 0;
	padding: 0 13px 0 0;
	color: #34648e;
	font-size: 11px;
	background: url(/graphics/system/trail_chevron.png) right center no-repeat;
}

#trail li.current-page
{
	background: none;
}

#trail li.current-page a
{
	color: #adb9c2;
}

#trail li a
{
	color: #474747;
	text-decoration: none;
}


/* -- MAIN / HOME -- */

#home, #main
{
	position: relative;
	width: 927px;
	height: auto;
	min-height: 100px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}

#features
{
	position: relative;
	width: 973px;
	height: 276px;
	margin: 0 0 20px -23px;
	background: url(/graphics/system/home-features_background.png) top center no-repeat;
}

#features div.feature
{
	position: absolute;
	/*left: 290px;*/
	top: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	/*width: 649px;*/
	
	/*These have been updated to to weirdness in flash movie */
	width: 648px;
	left: 291px;
	
}

#features div.overlay
{
	position: absolute;
	left: 291px;
	top: 0;
	width: 648px;
	height: 276px;
	background: url(/graphics/system/home-feature_mask-clean.png) top left no-repeat;
}

#features div.buttons
{
	position: absolute;
	width: 297px;
	height: 276px;
	left: 27px;
	top: 1px;
}

#features div.buttons a.top, #features div.buttons a.bottom
{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	height: 138px;
	width: 297px;
	text-decoration: none;
}

#features div.buttons a.top
{
	top: 0;
	background: url(/graphics/system/home-feature_button-top.png) top left no-repeat;
}

#features div.buttons a.bottom
{
	top: 138px;
	background: url(/graphics/system/home-feature_button-bottom.png) top left no-repeat;
}

#features div.buttons a h3
{
	width: 186px;
	height: 44px;
	padding: 0;
	margin: 16px 0 10px 49px;
}

#features div.buttons a p
{
	font-size: 12px;
	color: #657683;
	margin: 0 0 0 49px;
	width: 182px;
}

#features div.buttons a h4
{
	font-size: 18px;
	color: #474747;
	margin: 0 0 0 49px;
	width: 182px;
}

#features div.buttons a p.action
{
	font-size: 12px;
	color: #39a2ff;
	font-weight: bold;
	margin-top: 5px;
}

#features div.buttons a span.action
{
	font-size: 12px;
	color: #39a2ff;
	font-weight: bold;
}

#home #copy
{
	position: relative;
	width: 849px;
	margin: 0 auto;
	padding: 0;
}

#home #copy div.plain
{
	position: relative;
	width: 409px;
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
}

#home #copy div.plain h3
{
	font-size: 23px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #474747;
}

#home #copy div.plain p
{
	font-size: 12px;
	color: #657683;
}

#home #copy div.plain p a
{
	color: #39a2ff;
	font-weight: bold;
	text-decoration: none;
}

#home #copy div.button
{
	position: relative;
	background: url(/graphics/system/home-copy_button_background.png) left top no-repeat;
	width: 197px;
	height: 103px;
	float: left;
	margin: 0 0 0 17px;
}

#home #copy div.button h4
{
	font-size: 18px;
	font-weight: normal;
	margin: 0 17px;
	padding: 0;
	color: #474747;
}

#home #copy div.button p
{
	font-size: 12px;
	color: #657683;
	margin: 5px 17px;
}

#home #copy div.button p a
{
	color: #39a2ff;
	font-weight: bold;
	text-decoration: none;
}



#fixtures
{
	position: relative;
	width: 925px;
	height: 124px;
	margin: 26px auto;
	padding: 0;
	background: #eaeef1;
	overflow: hidden;
}


#fixtures div.spinner
{
	position: absolute;
	background: url(/graphics/system/spinner-fixtures.gif) center center no-repeat #eaeef1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1001;
}

#fixtures h3
{
	position: absolute;
	top: 13px;
	left: 40px;
	margin: 0;
	padding: 0;
}

#control-next
{
	position: absolute;
	top: 65px;
	left: 897px;
	z-index: 1000;
}

#control-previous
{
	position: absolute;
	top: 65px;
	left: 8px;
	z-index: 1000;
}

#fixtures ol
{
	position: absolute;
	list-style: none outside;
	width: 10000px;
	height: 40px;
	top: 56px;
	left: 40px;
	margin: 0;
	padding: 0;
}

#fixtures ol li
{
	position: relative;
	display: block;
	width: 276px;
	height: 40px;
	margin: 0 29px 0 0;
	padding: 0;
	border-right: 3px solid #b9c0c5;
	float: left;
}

#fixtures ol li div.date
{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: url(/graphics/system/home-fixtures_date_background.png) left top no-repeat;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 40px;
	font-weight: normal;
}

#fixtures ol li h4
{
	font-size: 12px;
	color: #cc2030;
	margin: 0 0 0 47px;
	padding: 0;
	width: 241px;
}

#fixtures ol li p
{
	font-size: 12px;
	color: #5b5b5b;
	margin: 0 0 0 47px;
	padding: 0;
	width: 241px;
}

/* -- FIXTURES in the Content pages -- */
#content #fixtures
{
	width: 673px;
	overflow: hidden;
}

#content #fixtures ol li
{
	width: 301px;
}

#content #control-next
{
	position: absolute;
	top: 65px;
	left: 647px;
	z-index: 1000;
}

/* -- FIXTURES in the 3D Pages -- */
#content #three-d #fixtures
{
	width: 670px;
	background: #4d80a5;
	height: 169px;
}

#content #three-d #fixtures ol li div.date
{
	background: url(/graphics/system/3d-fixtures_date_background.png) left top no-repeat;
}
#content #three-d #fixtures ol li
{
	border-right: 1px solid #749dbc;
}

#content #three-d #fixtures ol li h4, #content #three-d #fixtures ol li p
{
	color: #ffffff;
}

#content #three-d #fixtures #guiness
{
	position: absolute;
	left: 439px;
	top: 127px;
	margin: 0;
	padding: 0;
	display: block;
}

#fixtures ol li p
{
	color: #85b4dd;
}

/* -- -- */

#home #panels
{
	position: relative;
	width: 888px;
	height: 155px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#home #panels div.panel
{
	position: relative;
	float: left;
	width: 272px;
	height: 155px;
	margin: 0 11px;
	background: url(/graphics/system/home-panels_panel_background.png) left top no-repeat;
}

#home #panels div.panel img
{
	position: absolute;
	left: 0;
	top: 0;
}

#home #panels div.panel h3
{
	position: relative;
	margin: 16px 0 0 121px;
	padding: 0;
	width: 132px;
	font-size: 16px;
	font-weight: normal;
	color: #366889;
}

#home #panels div.panel p
{
	margin: 8px 0 0 121px;
	padding: 0;
	width: 132px;
	font-size: 11px;
	color: #5b5b5b;
}

#home #panels div.panel a.button
{
	position: absolute;
	left: 0;
	top: 0; /*bottom: 0; 	right: 0;*/
	width: 272px;
	height: 155px;
	background: url(/graphics/system/home-panels_overlay-corners.png) left top no-repeat;
}

/* -- MAIN -- */
#join-sky_button
{
	position: absolute;
	width: 210px;
	height: 54px;
	margin: 0;
	padding: 0;
	top: 0;
	left: 697px;
	z-index: 1002;
}

#sidebar
{
	margin: 28px 21px 30px 21px;
	padding: 0;
	width: 181px;
	float: left;
}

#side-nav
{
	display: block;
	width: 181px;
	list-style: none outside;
	margin: 0;
	padding: 0;
	background: url(/graphics/system/side-nav_background.png) top left repeat-y;
	font-size: 11px; /*font-size: 10px;*/
}

#side-nav li
{
	width: 169px;
	background: url(/graphics/system/side-nav_level-one_background.png) top right no-repeat;
}

#side-nav li a
{
	display: block; /*height: 22px;*/
	height: 30px;
	line-height: 30px;
	width: 163px;
	margin: 0;
	padding: 0; /*text-indent: 15px;*/
	text-indent: 5px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
}

#side-nav ol.level-two
{
	display: block;
	list-style: none outside;
	margin: 0;
	padding: 0;
}

#side-nav ol.level-two li
{
	width: 163px;
	background: url(/graphics/system/side-nav_level-two_background.png) top left repeat-x;
}

#side-nav ol.level-two li a
{
	/*text-indent: 20px;*/
	text-indent: 5px;
	color: #5b5b5b;
	height: 27px;
	line-height: 27px;
}

#side-nav ol.level-two li.on, #side-nav ol.level-two li:hover
{
	background: url(/graphics/system/side-nav_level-two_background_on.png) top left repeat-x;
}

#side-nav ol.level-two li.on a, #side-nav ol.level-two li:hover a
{
	color: #245988;
}

#side-nav ol.level-two ol.level-three
{
	display: none;
}

#side-nav ol.level-two li.on ol.level-three
{
	display: block;
	list-style: none outside;
	margin: 0;
	padding: 0;
}

#side-nav ol.level-three li
{
	width: 163px;
	background: #e0e4e7;
}

#side-nav ol.level-two ol.level-three li a
{
	/*text-indent: 25px;*/
	text-indent: 5px;
	color: #5b5b5b;
	height: 20px;
	line-height: 20px;
}

#side-nav ol.level-two ol.level-three li.on, #side-nav ol.level-two ol.level-three li:hover
{
	background: #e0e4e7;
}

#side-nav ol.level-two ol.level-three li.on a, #side-nav ol.level-two ol.level-three li:hover a
{
	color: #245988;
}

#side-nav_cap
{
	position: relative;
	width: 181px;
	height: 14px;
	background: url(/graphics/system/side-nav_cap.png) top left no-repeat;
	margin: 0;
	padding: 0;
}

#side-nav_base
{
	position: relative;
	width: 181px;
	height: 20px;
	background: url(/graphics/system/side-nav_base.png) top left no-repeat;
	margin: 0 0 20px 0;
	padding: 0;
}

#sidebar .buttons .button
{
	margin: 0 0 12px 0;
	padding: 0;
	width: 175px;
}

#content
{
	position: relative;
	width: 681px;
	float: left;
	margin: 0 0 60px 0;
	font-size: 12px;
	color: #5b5b5b;
}

#content h1
{
	margin: 28px 0 10px 0;
	padding: 0;
	width: 470px;
}

#package-movie
{
	width: 672px;
	height: 276px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

#package-movie img.mask
{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1001;
}

div.precis
{
	width: 670px;
	height: 87px;
	padding: 0;
	margin: 0;
	background-image: url(/graphics/system/precis_background_block.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div.precis p
{
	color: #ffffff;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	margin: 0 27px;
	padding: 18px 0;
}

div.precis p a
{
	font-weight: bold;
	text-decoration: none;
	color: #39a2ff;
}

#content h2
{
	margin: 10px 0;
	padding: 0;
	font-size: 18px;
}

#content h2.offer
{
	color: #009cdd;
}


#content h2 span.smaller
{
	font-size: 14px;
}

div.two-column_left
{
	width: 400px;
	float: left;
	margin: 0 15px 0 0;
	color: #5b5b5b;
}

#content div.plain-feature-box
{
	background: #eaeef1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 18px;
	padding-right: 30px;
	padding-bottom: 18px;
	padding-left: 12px;
}

#content div.plain-feature-box h3
{
	margin: 0;
	padding: 0;
	color: #00FF00;
}
/*#main #content .two-column_left h3 {*/
#main #content h3
{
	font-size: 13px;
	color: #154F82;
}
#main #content .clear h3
{
	font-size: 13px;
	color: #154F82;
}


#content div.plain-feature-box p
{
	font-size: 11px;
	color: #5b5b5b;
}

#content div.plain-feature-box li
{
	font-size: 11px;
	color: #5b5b5b;
}

#content div.plain-feature-box li a
{
	font-weight: normal;
	text-decoration: underline;
	color: #39a2ff;
}

#content div.plain-feature-box p a
{
	text-decoration: none;
	color: #39a2ff;
}

div.two-column_right
{
	width: 260px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#content div.two-column_right img.panel
{
	display: block;
	margin: 0 0 15px 0;
	padding: 0;
}

#content div.two-column_right div.panel
{
	position: relative;
	width: 258px;
	height: 155px;
	margin: 0 0 10px 0;
	background: url(/graphics/system/content_right-panels_panel_background.png) left top no-repeat;
}

#content div.two-column_right div.panel img
{
	position: absolute;
	left: 0;
	top: 0;
}

#content div.two-column_right div.panel h3
{
	position: relative;
	margin: 0 0 0 111px;
	padding: 8px 0 0 0;
	width: 123px;
	font-size: 16px;
	font-weight: normal;
	color: #366889;
}

#content div.two-column_right div.panel p
{
	margin: 8px 0 0 111px;
	padding: 0;
	width: 123px;
	font-size: 11px;
	color: #5b5b5b;
}

#content div.two-column_right div.panel a.button
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(/graphics/system/home-panels_overlay-corners.png) left top no-repeat;
}

#content div.channel-box
{
	border: 4px solid #bccfe3;
	padding: 30px;
}

#content div.channel-box ul.group
{
	width: 225px;
	float: left;
	list-style: outside none;
	margin: 5px 0 20px 0;
	padding: 0;
}

#content div.channel-box ul.group li
{
	margin: 0 0 0 5px;
}

#content div.channel-box h3
{
	clear: both;
	background: #dee6ed;
	line-height: 24px;
	text-indent: 5px;
	margin: 15px 0 0 0;
}

#content div.channel-box h3 span.note
{
	font-weight: normal;
	font-size: 11px;
}

#content div.channel-box p.note
{
	font-size: 11px;
	clear: both;
}

#content div.channel-box div.hide
{
	width: 613px;
}

#content div.channel-box img.channel-panel
{
	margin: 0 0 20px 0;
}

#content div.channel-box a.show-more
{
	float: right;
}


/* -- 3D -- */
#three-d
{
	position: relative;
	width: 670px;
	height: auto;
	min-height: 1000px;
	padding: 0 0 20px 0;
}

#three-d h2
{
	margin: 35px 22px 10px 22px;
	padding: 0;
}

#three-d h2.top
{
	padding-top: 359px;
	margin-top: 0;
}

#three-d img#people
{
	position: absolute; /*top: 521px;*/ /* DUE TO SPECIAL OFFER BAR */
	top: 576px;
	left: 387px;
	z-index: 20;
}

#three-d img#no-extra-charge
{
	position: absolute;
	top: 10px;
	right: 10px;
}

#three-d p
{
	color: #3b434a;
	margin: 25px 22px;
	font-size: 12px;
}

#three-d p.call-to-action
{
	color: #3b434a;
	font-size: 14px;
	margin-top: 30px;
}

#three-d p a
{
	color: #39a2ff;
	text-decoration: none;
}

#three-d blockquote
{
	color: #ffffff;
	background: url(/graphics/system/3d_quote_background_right.png) top right no-repeat #4d80a5;
	margin: 20px 0 20px 10px;
	padding: 0 22px 0 30px;
	position: relative;
}

#three-d blockquote div.left
{
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	overflow: hidden;
	background: url(/graphics/system/3d_quote_background_left.png) bottom left no-repeat;
}

#three-d blockquote q
{
	display: block;
	font-size: 14px;
	font-weight: lighter;
	padding: 10px 0 0 0;
	position: relative;
}

#three-d blockquote cite
{
	display: block;
	font-size: 12px;
	font-style: normal;
	padding: 3px 0 13px 0;
	position: relative;
}

#three-d #accessories-images
{
	position: absolute;
	right: 0;
}

#three-d #accessories-images img
{
	position: absolute;
}

#three-d #accessories-images #three-d_tv
{
	right: 20px;
	top: -35px;
}

#three-d #accessories-images #three-d_box
{
	right: 80px;
	top: 164px;
}

#three-d #accessories-images #three-d_glasses
{
	right: 20px;
	top: 260px;
}

#three-d ul
{
	font-size: 12px;
	color: #3b434a;
}

#three-d ul li
{
	margin-bottom: 10px;
}

#three-d div.blue-panel
{
	background: url(/graphics/content/3D-page2/grey-panel_background.png) top left no-repeat;
	width: 543px;
	height: 58px;
	margin: 10px 0 10px 22px;
}

#three-d div.blue-panel p
{
	padding-top: 8px;
	color: #ffffff;
	margin-left: 43px;
	width: 398px;
}

#three-d div.footnote p
{
	color: #768088;
	font-size: 9px;
}

#three-d ul#footnotes
{
	list-style: none outside;
	margin: 10px 22px 20px 22px;
	padding: 0;
	color: #768088;
	font-size: 10px;
}

#three-d ul#footnotes li
{
	padding: 0;
	margin: 0;
}



#three-d #three-d-photos-1
{
	position: absolute;
	top: -5px;
	right: 0;
}

.three-d-cta-join-online, .three-d-cta-download-agreement, .three-d-cta-download-agreement-2, .three-d-cta-download-agreement-roi
{
	position: absolute;
	overflow: hidden;
	display: block;
	top: 65px;
	left: 35px;
	height: 16px;
	width: 70px;
	text-indent: 1000px;
}

.three-d-cta-join-online
{
}
.three-d-cta-download-agreement
{
	left: 235px;
}
.three-d-cta-download-agreement-2
{
	width: 100px;
	top: 82px;
}
.three-d-cta-download-agreement-roi
{
	width: 165px;
}

#three-d p.big
{
	font-size: 14px;
}

#three-d #more-details
{
	position: relative;
	height: 350px;
}

#three-d #more-details #offer
{
	display: block;
	position: absolute;
	top: -10px;
	left: -20px;
}

#three-d #more-details .three-d-cta-join-online, #three-d #more-details .three-d-cta-download-agreement, #three-d #more-details .three-d-cta-download-agreement-roi, #three-d #more-details .three-d-cta-download-agreement-2
{
	top: 195px;
	width: 85px;
	left: 15px;
}
#three-d #more-details .three-d-cta-join-online
{
}
#three-d #more-details .three-d-cta-download-agreement
{
	left: 260px;
}
#three-d #more-details .three-d-cta-download-agreement-2
{
	width: 120px;
	top: 218px;
}
#three-d #more-details .three-d-cta-download-agreement-roi
{
	width: 205px;
}






/* -- JOIN SKY -- */
ol#join-sky
{
	margin: 0;
	padding: 0;
	list-style: none outside;
}

ol#join-sky li
{
	background: #eaeef1;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

ol#join-sky li h2
{
	position: absolute;
	width: 125px;
	top: 0;
	bottom: 0;
	background: #d3dbe1;
	margin: 0;
	padding: 0;
	text-align: center;
}

ol#join-sky li h2 img
{
	margin: 30px auto 20px auto;
}

ol#join-sky li h3
{
	padding-top: 40px;
	padding-left: 140px;
	margin-right: 20px;
}

ol#join-sky li p
{
	padding-left: 140px;
	margin-right: 20px;
}


/* -- PACKAGE COMPARISON -- */

#package-comparison
{
	position: relative;
	width: 671px;
	margin: 21px 0 -30px;
	padding: 0; /*background: url(/graphics/system/package-comparison_table-background.jpg) 261px 0 no-repeat #dfe4e8;*/
	border-collapse: collapse;
}

#package-comparison td
{
	margin: 0;
	padding: 0;
	border: 0;
}

#package-comparison thead td
{
	text-align: center;
	vertical-align: middle;
	height: 49px; /*background: #eaeef1;*/
	background: #ffffff;
	border-left: 1px solid #bccfe3;
}

#package-comparison thead td.channel
{
	color: #ffffff;
	background: #ffffff;
	border-bottom: 2px solid #eaeef1;
	border-left: none;
}

#package-comparison thead td
{
	padding: 0 5px;
}

#package-comparison td.channel
{
	width: 261px;
	padding: 0;
}

#package-comparison td.ultimate
{
	/*width: 168px;*/
}

#package-comparison td.base
{
	/*width: 240px;*/
}

#package-comparison td.base img
{
	/*margin-right: 35px;*/
}

#package-comparison tbody td
{
	background: url(/graphics/system/package-comparison_cell-background.png) bottom left repeat-x #ffffff;
	vertical-align: middle;
	line-height: 22px;
}

/*#package-comparison tbody td.channel, #package-comparison tbody td.base {
	background: url(/graphics/system/package-comparison_cell-background.png) bottom left repeat-x #ffffff;
}*/

#package-comparison tbody td.ultimate, #package-comparison tbody td.base, #package-comparison tbody td.entertainment, #package-comparison tbody td.value
{
	text-align: center;
	border-left: 1px solid #bccfe3;
}

/*#package-comparison tbody tr.heading td.channel, #package-comparison tbody tr.heading td.base {
	font-size: 13px;
	color: #245988;
	height: 47px;
	background-image: none;
}*/

#package-comparison tbody tr.heading td
{
	font-size: 13px;
	color: #245988;
	height: 47px;
	background-image: none;
	font-weight: bold;
}

#package-comparison tbody td.channel img
{
	margin: 5px 0;
}

#package-comparison tfoot td
{
	background: #ffffff;
	height: 20px;
}

#package-comparison tfoot td.ultimate
{
	/*background: url(/graphics/system/package-comparison_table-base.png) top center no-repeat #ffffff;*/
}

#package-comparison.ROI td.entertainment, #package-comparison.ROI td.value
{
	display: none;
}


/* -- DOWNLOAD AGREEMENT -- */
#get-acrobat
{
	display: block;
	height: 50px;
	float: left;
	padding: 15px 0 0 0;
	margin: 0 10px 0 0;
}

div#footnotes
{
	font-size: 11px;
	color: #657683;
	margin: 50px 0 0 0;
}

p#error
{
	color: #84919C;
	font-size: 13px;
}

form a.button
{
	display: block;
	width: 106px;
	height: 47px;
	background: url(/graphics/system/button_background.png) top left no-repeat;
	line-height: 40px;
	text-align: center;
	padding-right: 16px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin: 20px 0;
	clear: both;
}

form fieldset
{
	border: 1px solid #bccfe3;
	clear: both;
	margin: 0 0 20px 0;
}

form fieldset ol.fields
{
	margin: 10px 0 0 10px;
	padding: 0;
	list-style: none outside;
}

form fieldset ol.fields li
{
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 316px;
}

form fieldset ol.fields li.wide
{
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 630px;
}

form fieldset ol.fields label
{
	text-transform: capitalize;
	color: #84919c;
	font-weight: bold;
	font-size: 13px;
	padding-right: 8px;
}

form fieldset ol.fields label.mandatory
{
	background: url(/graphics/system/label-mandatory_background.png) top right no-repeat;
}

form fieldset ol.fields input, form fieldset ol.fields select
{
	width: 261px;
	margin: 5px 0;
}

form fieldset ol.fields li textarea
{
	height: 100px;
}

form fieldset ol.fields li.wide input, form fieldset ol.fields li.wide select, form fieldset ol.fields li.wide textarea
{
	width: 577px;
}

form fieldset ol.fields select
{
	height: 22px;
}

form input.checkbox
{
	float: left;
	margin-right: 10px;
}

form label
{
	font-size: 13px;
	color: #84919c;
}


/* -- HD Page -- */
#hd-movie
{
	width: 392px;
	height: 248px;
	position: relative;
	padding: 0;
	margin: 0 auto;
}


/* -- FAQs -- */
#faq-contents
{
	position: relative;
	list-style: none outside;
	background: #eaeef1;
	margin: 0 0 35px 0;
	padding: 0;
}

#faq-contents li
{
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}

#faq-contents li:hover
{
	background: #ffffff;
}

#faq-contents li a
{
	background: url(/graphics/system/faq_speech-bubble.png) 2px 5px no-repeat;
	position: relative;
	display: block;
	color: #657683;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	padding: 6px 0 6px 32px;
}

#faq-contents li a:hover
{
	color: #3ba3fe;
}


#faq
{
	list-style: none outside;
	margin: 0;
	padding: 0;
}

#faq > li
{
	display: block;
	position: relative;
	border: 1px solid #b0b7bc;
	margin: 0 0 30px 0;
	padding: 56px 14px 14px 14px;
}

#main #content #faq li h3
{
	background: #5b99d0; /*height: 40px;*/
	color: #ffffff;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: -1px;
	right: -1px; /*line-height: 40px; 	text-indent: 14px;*/
	margin: 0;
	line-height: 16px;
	padding: 12px 120px 12px 14px;
}

#faq li p, #faq li ol, #faq li ul
{
	font-size: 12px;
	color: #657683;
}

#faq li p a, #faq li ol a, #faq li ul a
{
	color: #3ea2ff;
	font-weight: bold;
	text-decoration: none;
}

#faq li a.back-to-top
{
	position: absolute;
	top: 4px;
	left: 570px;
	background-image: url(/graphics/content/buttons/back-to-top.png);
	background-repeat: no-repeat;
	width: 105px;
	height: 36px;
}


/* -- FOOTER -- */

#footer
{
	position: relative;
	width: 927px;
	height: auto;
	margin: 0 auto;
	padding: 16px 0;
	min-height: 100px;
	background: #0f2b44;
}

#footer .nav
{
	position: relative;
	margin: 0 20px 20px 20px;
	padding: 0;
	float: left;
}

#footer .nav h4
{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#footer .nav ol
{
	list-style: none outside;
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 11px;
}

#footer .nav ol li
{
	margin: 0;
	padding: 0;
}

#footer .nav * a
{
	color: #a1ccf1;
	text-decoration: none;
}

#footer .nav * a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#main #content .footnote
{
	font-size: 9px;
	color: #949BA1;
	margin-top: 20px;
	padding-right: 20px;
}
#main #content .footnote a
{
	color: #3987FF;
	text-decoration: none;
}
#main #content .footnote a:hover
{
	text-decoration: underline;
}
#nav_additional
{
	display: block;
	width: 885px;
	list-style: none outside;
	margin: 0 0 0 21px;
	padding: 7px 0;
	font-size: 11px;
	border-bottom: 1px solid #1d496f;
}

#nav_additional li
{
	margin: 0;
	padding: 0;
	display: inline;
}

#nav_additional li a
{
	color: #ffffff;
	text-decoration: none;
	padding: 0 7px;
	border-left: 1px solid #1d496f;
}

#nav_additional li a:hover
{
	text-decoration: underline;
}

#nav_additional li:first-child a
{
	padding-left: 0;
	border-left: none;
}

#copyright-notice
{
	color: #ffffff;
	font-size: 10px;
	text-align: right;
	padding: 0 21px 0 0;
}

/* -- Customer Zone -- */

#content div.customerzone
{
	padding: 20px 0px 0px 0px;
}

#content div.customerzone_left
{
	float: left;
	width: 326px;
	margin: 0px 18px 0px 0px;
	padding: 0px;
	background-color: white;
}

#content div.customerzone_right
{
	position: relative;
	float: left;
	width: 326px;
	margin: 0px;
	padding: 0px;
	background-color: white;
}

#content div.customerzone div.panel
{
	position: relative;
	width: 326px;
	height: 174px;
	margin: 0px 0px 20px;
	background: url(/graphics/content/customerzone/czone-home-panels_background.png) left top no-repeat;
}

#content div.customerzone div.panel img
{
	position: absolute;
	left: 0;
	top: 0;
}

#content div.customerzone div.panel h3
{
	position: relative;
	margin: 0 0 0 105px;
	padding: 10px 0 0 0;
	width: 200px;
	font-size: 19px;
	font-weight: normal;
	color: #366889;
}

#content div.customerzone div.panel h3 img
{
	position: relative;
}

#content div.customerzone div.panel p
{
	margin: 10px 0 0 105px;
	padding: 0;
	width: 200px;
	font-size: 11px;
	color: #5b5b5b;
	line-height: 16px;
}

#content div.customerzone a
{
	font-weight: bold;
	text-decoration: none;
	color: #39a2ff;
}

#content div.customerzone div.panel a.button
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(/graphics/content/customerzone/czone-home-panels_overlay-corners.png) left top no-repeat;
}



/* -- Customer Zone FAQ Fighting Fraud Layout -- */

#content div.faq_left
{
	float: left;
	width: 425px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	background-color: white;
}

#content div.faq_right
{
	position: relative;
	float: left;
	width: 235px;
	margin: 0px;
	padding: 0px;
	background-color: white;
}


/* -- Customer Zone FAQ Summary Page -- */
.faq_summary_container
{
	border-bottom: #e6e6e6 2px solid;
	position: relative;
	border-left: #e6e6e6 2px solid;
	padding-bottom: 0px;
	margin: 0px 0px 25px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: #e6e6e6 2px solid;
	border-right: #e6e6e6 2px solid;
	padding-top: 0px;
	height: 180px;
}
.faq_summary_container h3
{
	position: relative;
	padding-bottom: 7px;
	line-height: 16px;
	margin: 0px;
	min-height: 16px;
	padding-left: 6px;
	padding-right: 106px;
	background: #5b9ad0;
	color: #fff !important;
	font-size: 14px;
	padding-top: 7px;
}
.faq_summary_container p
{
	position: relative;
	margin: 10px 6px;
}
.faq_summary_container a.more-info
{
	position: absolute;
	top: 4px;
	right: 1px;
}
.faq_summary_container a.more-info
{
	width: 75px;
	height: 27px;
	repeat: none;
	background-image: url(/graphics/content/buttons/more-info.png);
	background-repeat: no-repeat;
}

.faq_summary_container ul
{
	position: relative;
	list-style: none outside;
	margin: 0;
	padding: 0;
}

.faq_summary_container li
{
	position: relative;
	margin: 0px;
	min-height: 20px;
	display: block;
	padding-left: 40px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-right: 5px;
	background: url(/graphics/system/faq_speech-bubble.png) 2px 2px no-repeat;
}

.faq_summary_container li a
{
	color: #657683;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* -- Customer Zone Contact Details -- */

#contactus
{
	margin-top: 30px;
	width: 670px;
}

#contactus .contactus_container
{
	position: relative;
	height: 241px;
	background-image: url(/graphics/content/contact/contact-panel_2-column.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 15px;
}

#contactus .contactus_container_wide
{
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 15px;
	height: 106px;
	background-image: url(/graphics/content/contact/contact-panel_1-column.png);
	background-repeat: no-repeat;
}


#contactus h3
{
	position: relative;
	line-height: 16px;
	color: #154f82;
	font-size: 14px;
	padding-top: 15px;
}

#contactus img
{
	vertical-align: top;
	margin-right: 7px;
}

#contactus p
{
	/*padding-left: 40px;*/
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}

#contactus .contactus_container_wide p
{
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
}

#contactus p.mail
{
	background: url(/graphics/content/contact/contact_mail.png) top left no-repeat;
}

#contactus p.phone
{
	background: url(/graphics/content/contact/contact_phone.png) top left no-repeat;
}

#contactus p.fax
{
	background: url(/graphics/content/contact/contact_fax.png) top left no-repeat;
}

#contactus p.email
{
	background: url(/graphics/content/contact/contact_digital.png) top left no-repeat;
}

table.details .title
{
	margin: 3px 10px 2px 20px;
	padding-left: 20px;
	width: 160px;
	color: #545454;
	vertical-align: top;
	font-weight: bold;
}


a, a:link, a:active, a:visited
{
	color: #39a2ff;
	text-decoration: none;
}
a:hover
{
	color: #39a2ff;
	text-decoration: underline;
}


#skypubalert
{
	margin-top: 30px;
	width: 670px;
}

#skypubalert img.image_right
{
	margin-left: 20px;
	border-bottom: #363636 2px solid;
	border-left: #363636 2px solid;
	float: right;
	border-top: #363636 2px solid;
	border-right: #363636 2px solid;
}

#more-business_bttn
{
	list-style: none outside;
	margin: 10px 0 30px 0;
	padding: 0;
	position: relative;
}

#more-business_bttn li
{
	background-image: url(/graphics/content/buttons/more-business-home_off.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 217px;
	float: left;
	display: block;
	position: relative;
	margin: 0 6px 0 0;
	padding: 0;
}

#more-business_bttn li a
{
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #39A2FF;
	line-height: 40px;
	text-indent: 10px;
	display: block;
}

#more-business_bttn li a:hover
{
	background-image: url(/graphics/content/buttons/more-business-home_on.png);
	display: block;
	text-decoration: none;
}







/* -- NON-SPECIFIC -- */
.clear
{
	clear: both;
}

div.clear
{
	font-size: 11px;
	color: #5b5b5b;
	padding-right: 12px;
}
div.flash-hd_blue
{
	background: #EAEEF1;
	width: 673px;
	margin: 20px 0;
	padding: 0 0 15px 0; /*clear: both; 	float: none;*/
	position: relative;
}
div.generictxt
{
	font-size: 12px;
	color: #5b5b5b;
	padding-right: 12px;
}

a img
{
	border: none;
}
#content .two-column_left p
{
	font-size: 12px;
}
#main #content .clear p
{
	font-size: 12px;
}
.hide
{
	display: none;
}
div.bttm-panel-narrow_left
{
	width: 320px;
	height: 159px;
	display: block;
	float: left;
	padding: 0px;
	margin-right: 29px;
	margin-bottom: 15px;
}
div.bttm-panel-narrow_right
{
	width: 320px;
	height: 159px;
	clear: none;
	float: right;
	margin-bottom: 15px;
}



/* -- Temporary CMB -- */
p.cmb
{
	width: 620px;
}







/* -- LEGACY - may be replaced in the future -- */
.big-feature-box
{
	position: relative;
	border: 2px solid #e6e6e6;
	background: #25698e;
	margin: 20px 0;
}

#content .big-feature-box h2
{
	background: #71acd0;
	margin: 0;
	padding: 0 14px;
	height: 50px;
	line-height: 50px;
	color: #f9f947;
	font-size: 41px;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.big-feature-box .body
{
	width: 100%;
}

.big-feature-box p.column, .big-feature-box p.fine-print
{
	margin: 16px 0 22px 14px;
	width: 170px;
	font-size: 12px;
	position: relative;
}

.big-feature-box p.column
{
	float: left;
	color: #fff;
	margin-right: 20px;
}

.big-feature-box p.fine-print
{
	/*clear: both;*/
	float: left;
	color: #f9f947;
	font-size: 12px !important;
}

.big-feature-box p .highlight
{
	color: #f9f947;
}

.big-feature-box img.cover
{
	position: relative;
	float: right;
	top: -40px;
	right: 10px;
	margin-bottom: -20px;
}



/* -- Customer Zone FAQ Fighting Fraud Layout -- */

.text_container
{
	border: #e6e6e6 2px solid;
	position: relative;
	padding: 0;
	height: auto;
	overflow: auto;
	margin: 0 0 25px 0;
	width: 681px;
}
.text_container h3
{
	position: relative;
	padding-bottom: 7px;
	line-height: 16px;
	margin: 0px;
	min-height: 16px;
	padding-left: 6px;
	padding-right: 106px;
	background: #5b9ad0;
	color: #fff !important;
	font-size: 14px;
	padding-top: 7px;
}
.text_container h4
{
	position: relative;
	margin: 0px;
	padding-left: 6px;
	padding-top: 7px;
	font-size: 13px;
	color: #154F82;
}

.text_container p
{
	position: relative;
	margin: 10px 6px;
}
.text_container p.phone
{
	color: #00bcf2;
	font-size: 14px;
	font-weight: bold;
}
.text_container a.back-to-top
{
	position: absolute;
	top: 4px;
	right: 4px;
}
.text_container a.back-to-top
{
	width: 106px;
	height: 36px;
	background: url(/graphics/content/buttons/back-to-top.gif);
}
.text_container .feature-image
{
	text-align: center;
	margin: 10px auto;
	width: auto;
}
.text_container .feature-image img
{
}
.text_container div.poster-thumbnail
{
	margin: 10px;
	float: right;
}
.text_container div.poster-thumbnail img
{
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
	margin-left: 10px;
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
}
.generictxt li
{
	list-style-image: none;
	list-style-type: circle;
	font-size: 12px;
}
#main #content .generictxt li
{
	list-style-type: disc;
}





/* iOS additions */
#placeholder.absolute img
{
	position: absolute;
	top: 0;
	left: 0;
}



/* --- */
#content div.sidepanels-like-cz
{
	position: relative;
	float: right;
	width: 256px;
}

#content div.sidepanels-like-cz div.panel
{
	position: relative;
	width: 256px;
	height: 174px;
	margin: 0px 0px 20px;
	background: url(/graphics/content/customerzone/czone-home-panels_background.png) right top no-repeat;
}

#content div.sidepanels-like-cz div.panel img
{
	position: absolute;
	left: 0;
	top: 0;
}

#content div.sidepanels-like-cz div.panel h3
{
	position: relative;
	margin: 0 0 0 95px;
	padding: 10px 0 0 0;
	width: 120px;
	font-size: 19px;
	font-weight: normal;
	color: #366889;
}

#content div.sidepanels-like-cz div.panel h3 img
{
	position: relative;
}

#content div.sidepanels-like-cz div.panel p
{
	margin: 10px 0 0 95px;
	padding: 0;
	width: 140px;
	font-size: 11px;
	color: #5b5b5b;
	line-height: 16px;
}

#content div.sidepanels-like-cz a
{
	font-weight: bold;
	text-decoration: none;
	color: #39a2ff;
}

#content div.sidepanels-like-cz div.panel a.button
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(/graphics/content/customerzone/czone-home-panels_overlay-corners.png) left top no-repeat;
}


#ways-to-show
{
	margin: 0 auto;
	padding: 0;
	list-style: outside none;
}

#ways-to-show li
{
	display: block;
	float: left;
	width: 211px;
	height: 209px;
	background: url(/graphics/content/content-panels/main/ways-to-show-sky-background.png) left top no-repeat;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
}

#ways-to-show li:first-child
{
	margin-left: 0;
}

#ways-to-show li p, #ways-to-show li h3
{
	margin: 0 0 5px 39px;
	padding: 0;
	width: 152px;
}

div.hugebox-wide
{
	border: 4px solid #bccfe3;
	text-align: center;
	box-shadow: 3px 3px 4px #e3e3e3;
	-webkit-box-shadow: 3px 3px 4px #e3e3e3;
	-moz-box-shadow: -5px 5px 5px #e3e3e3;
	width: 625px;
	padding-top: 22px;
	padding-right: 18px;
	padding-bottom: 22px;
	padding-left: 18px;
}

div.hugebox
{
	border: 4px solid #bccfe3;
	text-align: center;
	box-shadow: 3px 3px 4px #e3e3e3;
	-webkit-box-shadow: 3px 3px 4px #e3e3e3;
	-moz-box-shadow: -5px 5px 5px #e3e3e3;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
}

div.hugebox ul.channels, div.plain-feature-box ul.channels
{
	list-style: none outside;
	margin: 5px auto;
	padding: 5px 0;
}

div.hugebox ul.channels li, div.plain-feature-box ul.channels li
{
	display: inline;
	margin: 10px; /*padding: 10px;*/
}

div.hugebox ul.channels li img, div.plain-feature-box ul.channels li img
{
	vertical-align: middle;
	padding: 5px;
}

div.hugebox h5
{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.hugebox h5 img
{
	vertical-align: middle;
}

div.hugebox p
{
	padding-top: 0;
	margin-top: 0;
}

div.hugebox div.plain-feature-box
{
	border-top: 20px solid #ffffff;
	padding: 18px !important;
}

div.hugebox div.plain-feature-box h3 a
{
	font-size: 12px;
	vertical-align: baseline;
	margin-left: 10px;
}

#hotels-no-additional-charge
{
	background: #215686;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#205788), to(#285B89), color-stop(.5,#285B89),color-stop(.5,#225685));
	background: -moz-linear-gradient(0% 0% 270deg,#205788, #285B89, #255B89 45%,#1F5483 50%);
	border: 1px solid #bccfe3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center; /*	box-shadow: 3px 3px 4px #e3e3e3; 	-webkit-box-shadow: 3px 3px 4px #e3e3e3; 	-moz-box-shadow: -5px 5px 5px #e3e3e3;*/
}

#hotels-no-additional-charge h3
{
	color: #ffffff !important;
	padding: none;
}

#hotels-no-additional-charge p
{
	color: #ffffff !important;
	padding: none;
}

#hotels-no-additional-charge a
{
	color: #ffffff !important;
	padding: none;
}

#hotels-no-additional-charge h4
{
	color: #ffffff !important;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
}

img#plus
{
	position: absolute;
	top: 40px;
	left: -55px;
}

ul.moar-space
{
	/*margin-left: -20px;*/
}

ul.moar-space li
{
	margin-bottom: 20px;
}
.tblsky
{
	margin: 10px 0xp 20px;	
}
.tblsky th
{
	background: none repeat scroll 0 0 #5B99D0;
	text-align: center;
	height: 30px;
	color:#ffffff;
	padding:5px;
	
}
.tblsky td
{
	text-align: center;
	height: 25px;	
}

.tblsky tr > td:first-child
{
	text-align: left;
}

