/* navigation.css */


/* --------------------------------------------------------------------------------------------- */
/* --- logo --- */
/* --------------------------------------------------------------------------------------------- */

DIV#logo  {
  float: left;
  margin: 0px 0px 0px 0px;
  padding-right: 20px;
}

/* --------------------------------------------------------------------------------------------- */
/* --- header --- */
/* --------------------------------------------------------------------------------------------- */


DIV#header {
	float:left;
	margin: 0;
}

DIV#header UL,
DIV#header LI {
	margin:0;
	padding:0;
	list-style:none;
}

DIV#mainNavWrap { /* acts as a container - height is fixed  */
	float:left;
	position:relative;
	top:0;
	left:0;
	width:893px;
	height:2.4em;
}


DIV#mainNavBack { /* background scales right across the header. positioned absolute so that there isn't a 3 pixel image at the bottom (ul containing nav is positioned relative -3px top leaving 3px gap at the bottom) */
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:893px;
	height:2.4em;
/*  	background:url(bg_nav.png) 0 0 repeat;*/
}

DIV#mainNavUnderline { /* scales across entire width of the header - sits behind individual tab underlines */
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:893px;
	height:2.4em;
	background:url(underline.gif) right bottom repeat-x;
}

/* coloured bars (far right) for each channel */

DIV.nav1Selected DIV#mainNavUnderline { 
	background-image:url(nav1_5.gif);
}

DIV.nav2Selected DIV#mainNavUnderline { 
	background-image:url(nav2_5.gif);
}

DIV.nav3Selected DIV#mainNavUnderline { 
	background-image:url(nav3_5.gif);
}



DIV#mainNav {
	width:893px;
	float:left;
	background:url(sub_nav.png) repeat scroll 0 0;
}

UL#channels {
	float:left;
}

UL#channels LI {
	float:left;
	height:32px;
	color:white;
	background:url(pipe-1.gif) no-repeat right top;
}

UL#channels[id] LI {
  background:url(pipe.png) no-repeat right top;
}

UL#channels LI.selected {
	padding-top:0;
}

UL#channels A {
	display:block;
	margin-right:1px;
	color:white;	
	cursor:hand;
	height:30px;
	line-height:30px;
	padding: 0px 6px;
	white-space:nowrap;
}



UL#channels A:hover {
  	background:url(bg_nav.png);
	text-decoration:none;
}

UL#channels SPAN.txtWrap,
UL#channels SPAN.txtWrap span {
	display:block;
	background:url(underline.gif) left bottom no-repeat;
	height:2.4em;
}

UL#channels A:hover SPAN.txtWrap,
UL#channels A:hover SPAN.txtWrap SPAN {
	background:url(underline.gif) left bottom no-repeat;
}

UL#channels A:hover SPAN.txtWrap SPAN {
	background:none;
}


UL#channels SPAN.txtWrap SPAN {
	height:auto;
	background:none !important;
	margin:0 3px 0 3px; /* margin used to fill this block to the tab edges --- this is so that all tabs match the selected tab (it has 3px margins either side for the corners) */
	padding:0.5em 0 0 0; /* change the left and right padding for individual tabs */
}







/* classes for the selected tab */

UL#channels .bar  {
	display:block;
	padding-bottom:1px;
	margin-right:1px;
	background:url(underline.gif) left bottom no-repeat;
}

ul#channels LI.selected A:hover {
	background-position:left bottom;
	background-repeat:no-repeat;
	filter:none;
}



UL#channels .container {
	display:block;
  	background:url(on.png);
 	margin:0 3px 0 3px; /* creates space for the left and right corners (not ie6)*/
 	padding:2px 0 0 0;
	height:2.4em;
	white-space:nowrap;
}



UL#channels LI.selected SPAN.txtWrap,
UL#channels LI.selected SPAN.txtWrap SPAN {
	height:auto;
	background:none !important;
	margin:0;
	padding:0.5em 0 0 0 /* change the left and right padding for individual tabs (needs implementing for each tab) */
	
}

UL#channels LI.selected SPAN.txtWrap SPAN {
	margin:0;
	padding:1px 0 0 0;	
}



UL#channels .leftCorner {
	display:block;
	width:3px;
	height:2.4em;
	padding-bottom:2px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background-image:none;
}

UL#channels .leftCorner[class] {
  background:url(on_l.png);
}


UL#channels .rightCorner {
	display:block;
	width:4px;
	height:2.4em;
	padding-bottom:2px;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
	background-image:none;
}

UL#channels .rightCorner[class] {
  background:url(on_r.png);
}

UL#channels .tabTopBackground { /* ie only -- creates 3px image that sits behind the top of the selected tab */
	display:block;
	background:none;
}


/* padding for individual tabs (to give tab widths) */


UL#channels LI.nav0 SPAN.txtWrap SPAN {
	padding-left:10px;
	padding-right:10px;
}

UL#channels LI.nav1 SPAN.txtWrap SPAN {
	padding-left:14px;
	padding-right:14px;
}

UL#channels LI.nav2 SPAN.txtWrap SPAN {
	padding-left:14px;
	padding-right:14px;
}

UL#channels LI.nav3 SPAN.txtWrap SPAN {
	padding-left:39px;
	padding-right:39px;
}

UL#channels LI.nav4 SPAN.txtWrap SPAN {
	padding-left:10px;
	padding-right:10px;
}

UL#channels LI.nav5 SPAN.txtWrap SPAN {
	padding-left:10px;
	padding-right:10px;
}



/* coloured bars for individual channels */


/* default + home + games and media */

UL#channels LI.nav1 SPAN.txtWrap  {
	background-image:url(nav0_1.gif);
}

UL#channels LI.nav2 SPAN.txtWrap {
	background-image:url(nav0_2.gif);
}

UL#channels LI.nav3 SPAN.txtWrap {
	background-image:url(nav0_3.gif);
}

/* playStation 3 */

DIV.nav1Selected UL#channels LI.nav0 SPAN.txtWrap {
	background-image:url(nav1_0.gif);
}

DIV.nav1Selected UL#channels LI.nav1 .bar,
DIV.nav1Selected UL#channels LI.selected A:hover  {
	background-image:url(nav1_1.gif);
}

DIV.nav1Selected UL#channels LI.nav2 SPAN.txtWrap {
	background-image:url(nav1_2.gif);
}

DIV.nav1Selected UL#channels LI.nav3 SPAN.txtWrap {
	background-image:url(nav1_3.gif);
}

DIV.nav1Selected UL#channels LI.nav4 SPAN.txtWrap {
	background-image:url(nav1_4.gif);
}

/* playStation 2 */

DIV.nav2Selected UL#channels LI.nav0 SPAN.txtWrap {
	background-image:url(nav2_0.gif);
}

DIV.nav2Selected UL#channels LI.nav1 SPAN.txtWrap  {
	background-image:url(nav2_1.gif);	
}

DIV.nav2Selected UL#channels LI.nav2 .bar,
DIV.nav2Selected UL#channels LI.selected A:hover {
	background-image:url(nav2_2.gif);	
}

DIV.nav2Selected UL#channels LI.nav3 SPAN.txtWrap {
	background-image:url(nav2_3.gif);
}

DIV.nav2Selected UL#channels LI.nav4 SPAN.txtWrap {
	background-image:url(nav2_4.gif);
}

/* PSP */

DIV.nav3Selected UL#channels LI.nav0 SPAN.txtWrap {
	background-image:url(nav3_0.gif);
}

DIV.nav3Selected UL#channels LI.nav1 SPAN.txtWrap  {
	background-image:url(nav3_1.gif);
}

DIV.nav3Selected UL#channels LI.nav2 SPAN.txtWrap {
	background-image:url(nav3_2.gif);
}

DIV.nav3Selected UL#channels LI.nav3 .bar,
DIV.nav3Selected UL#channels LI.selected A:hover {
	background-image:url(nav3_3.gif);
}

DIV.nav3Selected UL#channels LI.nav4 SPAN.txtWrap {
	background-image:url(nav3_4.gif);
}

/* Hover states */

UL#channels LI.nav0 A:hover SPAN.txtWrap {
	background-image:url(underline.gif);
}

UL#channels LI.nav1 A:hover SPAN.txtWrap {
	background-image:url(nav0_1.gif);
}

UL#channels LI.nav2 A:hover SPAN.txtWrap {
	background-image:url(nav0_2.gif);
}

UL#channels LI.nav3 A:hover SPAN.txtWrap {
	background-image:url(nav0_3.gif);
}

UL#channels LI.nav4 A:hover SPAN.txtWrap {
	background-image:url(underline.gif);
}






/* search */


DIV#search {
	float:right;
	position: relative;
	top:-3px; /* so that the on state tab can sit above the background the scales accross the whole header [this matches UL#channels] */
	left:0;
	height:2.4em;
	margin-top: 0px;
	padding-top:3px;
}

DIV#search INPUT {
	float:left;
	margin:0.5em 3px 0 0;
}

DIV#search INPUT.text {
	width:112px;
	font-size:0.9em;
	margin-right:6px;
	margin-left:11px;
	padding:0 0 1px 3px;
	border:0;
	border-bottom:1px solid #D9D9D2;
	border-right:1px solid #D9D9D2;
}

/* subNav */

DIV#subNav {
	width:859px;
	float:left;
	clear:left;
	margin:0;
	padding:0 17px 0 17px;
	background:url(sub_nav.png) 0 0 repeat;
}

DIV#subNav UL {
	position:relative;
	top:0;
	left:0;
	z-index:100;
	width:840px;
}

DIV#subNav H2 {display:none;}

DIV#subNav UL LI {
	float:left;
	padding-right:15px;
	white-space:nowrap;
}

DIV#subNav UL LI A {
	float:left;
	color:#fff;
	font-size:0.95em;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
}

DIV#subNav LI.selected A,
DIV#subNav LI.current_page A,
DIV#subNav LI.current_page_ancestor A {
	border-bottom:2px solid #ccc;
	padding-bottom:3px;
}

DIV#subNav LI A:hover {
	border-bottom:2px solid #666;
	padding-bottom:3px;
}


/* --------------------------------------------------------------------------------------------- */
/* --- tertiary - help & support --- */
/* --------------------------------------------------------------------------------------------- */

UL.tertiaryNav
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 2px;
}

UL.tertiaryNav LI
{
	float: left;
	padding: 2px 0 2px 9px;
	margin:  6px 0 6px 9px;
	font-size: 0.9em;
	border-left: 1px solid #999;
}
UL.tertiaryNav LI.firstItem
{
	border-left:  0;
	padding-left: 0;
}

UL.tertiaryNav LI A,
UL.tertiaryNav LI STRONG
{
	display: block;
	padding-right: 7px;
}

UL.tertiaryNav LI A
{
	background-image: url(icon_linkarrow-1.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
}

UL.tertiaryNav LI STRONG
{
	color: #666;
}


/* --------------------------------------------------------------------------------------------- */
/* --- breadcrumb --- */
/* --------------------------------------------------------------------------------------------- */

DIV#breadcrumb	{
	font-size: 0.870em;
	color: #999;
  	padding: 10px 10px 5px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

DIV#doubleColumn DIV#breadcrumb	{
	padding-left:5px;
}

DIV#breadcrumb STRONG {
	color: #666;
}

DIV#breadcrumb A	{
	font-weight: normal;
	color: #666;
}

DIV#breadcrumb A:HOVER	{
	text-decoration: underline;
}




/* --------------------------------------------------------------------------------------------- */
/* --- footer --- */
/* --------------------------------------------------------------------------------------------- */

BODY.wide DIV#footer	{
	width:960px;
	background: url(footer_wide_top.gif) no-repeat left top;
}


DIV#footer	{
	clear: both;
	margin: 0 0 30px 10px;
	padding: 4px 0 0 0;
}

DIV#footer H2 {
	float:left;
	font-size: 1.1em;
	color:#000;
	font-weight: normal;
	padding:0 0 0 5px;
	margin:13px 0 0 0;
	min-height:40px;
    height:40px !important;
}


BODY.wide DIV#footer DIV.wrapper2	{
	width:455px;
}

DIV#footer H2 A	{
	color:#333;
	font-weight:bold;
}

BODY.wide DIV#footer DIV#footerLists	{
	width:960px;
}

BODY.wide DIV#footer DIV#footerLists {
	background: url(footer_gradient.gif) repeat-x right top #fff;
}

DIV#footer DIV#footerLists DIV, DIV#footer DIV#footerLists DIV DIV	{
	float:left;
}

DIV#footer DIV#footerLists UL	{
	clear:left;
	display: block;
	margin:0;
	padding:0;
	font-size:0.87em;
	line-height:1.5em;
	margin:0;
	list-style:none;
}

DIV#footer DIV#footerLists UL LI	{
	float: left;
	display: block;
	padding:0;
	margin:0;
	list-style:none;
}

DIV#footer DIV#footerLists UL {
	width:125px;
	padding:6px 0 20px 5px;
}

DIV#footer DIV#footerLists DIV.home UL {
	width:90px;
	padding:6px 0 20px 10px;
}

DIV#footer DIV#footerLists UL LI	{
	float:none;
}
/* clearfix */
DIV#footer DIV#footerLinks:after, DIV#footer DIV#footerLists:after		 {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
DIV#footer DIV#footerLinks, DIV#footer DIV#footerLists {

	display: inline-block;
}
/* clearfix ends */

DIV#footer DIV#footerLinks	{
	clear:both;
	background:#fff;
    padding: 0;
}

DIV#footer DIV#legalText	{
	margin-top:5px;
	float:left;
    padding:6px;
    width:948px;
	background-color:#6D6C6D;
}
DIV#footer DIV#sceeLogoContainer {
    float:left;
    display:inline;
    width:95px;
}
DIV#footer DIV#sonyLogoContainer {
    float:right;
    display:inline;
    width:95px;
}
DIV#footer DIV#copyrightContentContainer {
    float:left;
    display:inline;
    text-align:center;
}

BODY.wide DIV#footer DIV#copyrightContentContainer	{
	width:100%;
}
BODY.wide DIV#footer DIV#copyrightContentContainer	a{
	color:#fff;
	text-decoration:none;
}
BODY.wide DIV#footer DIV#copyrightContentContainer	a:hover{
	color:#fff;
	text-decoration:none;
	text-decoration:underline;
}
BODY.wide DIV#footer DIV#legalText	{
width:948px;
}

DIV#footer DIV#legalText P	{
    color:#999999;
    margin:0;
    padding: 0;
}
DIV#footer DIV#legalText P SPAN {
    text-align:left !important;
}

BODY.wide DIV#footer DIV#footerLinks	{
	width:960px;
}
	
DIV#footer DIV#footerLinks UL	{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}

BODY.wide DIV#footer DIV#footerLinks UL	{
	width:595px;
}

DIV#footer DIV#footerLinks UL LI	{
	float: left;
	display: block;
	padding:0;
	margin:0;
	list-style:none;
	padding:3px 10px;
	background: url(pipe.gif) no-repeat right center;
	color:#666;
}
DIV#footer DIV#footerLinks UL LI.last	{
	padding-right:0;
	background:none;
}

/* --- Country Selector  --- */
DIV#footerLinks DIV.countrySelectOuter {
    background: url(bg_countryselect_left.gif) no-repeat;
    display: inline;
    margin-left: 5px;
}
DIV#footerLinks DIV.countrySelectInner {
    background: url(bg_countryselect_right.gif) no-repeat top right;
    display: inline;
    margin-left: 10px;
	font-size:11px;
    padding: 3px 10px 4px 0px;
}
DIV#footerLinks DIV.countrySelectInner span{
	background:url(icon_bttnnext_off.gif) right center no-repeat;
	padding-right:20px;
	color:#cc0000;
}
DIV#footerLinks SPAN.country {
    color: #666;
    font-size: 0.87em;
    font-weight: bold;
}
DIV#footerLinks SPAN.country.en {
	padding-left:18px;
	background:url(flag-7.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.uk {
	padding-left:18px;
	background:url(flag-21.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.at {
	padding-left:18px;
	background:url(flag-1.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.be {
	padding-left:18px;
	background:url(flag-3.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.dk {
	padding-left:18px;
	background:url(flag-6.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.fi {
	padding-left:18px;
	background:url(flag-9.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.fr {
	padding-left:18px;
	background:url(flag-10.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.de {
	padding-left:18px;
	background:url(flag-5.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.it {
	padding-left:18px;
	background:url(flag-12.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.ie {
	padding-left:18px;
	background:url(flag-11.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.lu {
	padding-left:18px;
	background:url(flag-13.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.nl {
	padding-left:18px;
	background:url(flag-14.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.no {
	padding-left:18px;
	background:url(flag-15.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.pt {
	padding-left:18px;
	background:url(flag-18.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.es {
	padding-left:18px;
	background:url(flag-8.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.se {
	padding-left:18px;
	background:url(flag-20.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.ch {
	padding-left:18px;
	background:url(flag-4.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.au {
	padding-left:18px;
	background:url(flag-2.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.nz {
	padding-left:18px;
	background:url(flag-16.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.ru {
	padding-left:18px;
	background:url(flag-19.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.pl {
	padding-left:18px;
	background:url(flag-17.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.country.ae {
	padding-left:18px;
	background:url(flag.gif) no-repeat 0 1px;
}
DIV#footerLinks SPAN.countryLink {
    background: url(arrow_right.gif) no-repeat 0% 50%;
    padding-left: 10px;
}
DIV#footerLinks SPAN.countryLink A.chooseCountry {
    font-size: 0.87em;
    font-weight: bold;
    background: url(icon_linkarrow-1.gif) no-repeat 100% 50%;
    padding-right: 8px;
}

DIV#footer DIV#footerLinks DIV.rss	{
	float:right;
	padding:0px 5px 2px 10px;
}
DIV#footer DIV#footerLinks DIV.rss1	{
	float:right;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#cc0000;
}
BODY.wide DIV#footer DIV#footerBottom	{
	background: url(footer_wide_bottom.gif) repeat-x left top;
}

DIV#footer DIV#footerBottom	{
	clear:both;
	height:4px;
	overflow:hidden;
	display:inline-block;
    width: 960px;
}

/* CSS buttons - see IE file for tweaked properties */

INPUT.cssbtn, INPUT.cssbtnAlt {
	padding:0 2px 0px 2px;
	margin:0;
	font-weight:bold;
	font-size:0.9em !important;
	cursor:pointer;
}

INPUT.cssbtn	{
	background: url(bg_button_red.gif) repeat-x left top #E40303;
	color:#ffffff;
	border:1px solid #CF1010;
}

INPUT.cssbtnAlt	{
	background: url(bg_button_grey.gif) repeat-x left top #fbfbfb;
	color:#393E5C;
	border-top:1px solid #ccc;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #ccc;
}

/* misc navigational furniture */

A.ctaLink	{
	display:block;
}

DIV#imageViewer	{
	float: none;
	margin: 6px 0 4px 0;
	text-align:center;
}

DIV#imageViewer DIV.mediaCount DIV.mediaControls 	{
	padding-right:10px;
}

/* --------------------------------------------------------------------------------------------- */
/* --- end of stylesheet --- */
/* --------------------------------------------------------------------------------------------- */