/* CSS document version number and date to be updated each time this documented is updated */
/* CSS Ver 1.0, 06/02/2008 */

/* SSS hub page */

/*
 * Global CSS
 */


/*
 * Global html selectors and classes
 */
		* {}

		html {

		}

		body {
			background : #000 url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/wallpaper.jpg') repeat-x 50% 0%; /* centre the bg image */
			color : #3A010F;
		}


		/*
		 * headings
		 */
				h1 {}

				/* we have to use !important to override !importants from other stylesheets */
				h1.mainHead,
				h1.mainHead.h1expanded,
				h1.mainHead.h1expanded a,
				h1.mainHead.h1contracted,
				h1.mainHead.h1contracted a{
					margin-bottom : 0px !important;
					background : none !important;
					background : transparent url('../image/layout/content/bcgHubHeaderBg.gif') no-repeat 0 0 !important;
					background-color : transparent !important;
					color:#434343 !important;
					font-size : 110%;
					font-weight : bold;
					margin-top : 12px !important;
					padding : 0px 11px 0px 8px;
					cursor : text; /* remove the impression that the text is a link */
				}

				/* subheadings */
				.cntHubContent h1 {
					background-color : #fff !important; /* override existing !important */
					color : #434343 !important; /* override existing !important */
					font-size : 120%;
					font-weight : bold;
					margin : 0px 0px 10px 9px;
					padding : 3px 7px 5px 8px;
					width : 90%;
				}

				h2,
				.cntHubContent td.txt h2 {
					padding-bottom : 3px;
					color : #3e63b6;
					font-size : 120%;
					font-weight : bold;
				}
				
				.cntHubFloater .cntArticleLinks h2 {
					color : #fff;
				}
				
				h4,
				.cntHubContent h4 { /* override other stylesheets */
					color : #3e63b6;
					font-size : 110%;
				}

		/*
		 * forms
		 */


		/*
		 * lists
		 */
				ul li, 
				.cntHubContent td.txt ul li {
					color : #3A010F; /* default text colour */
				}


		/*
		 * text
		 */
				p,
				.cntHubContent td.txt p { 
					color : #3A010F; /* default text colour */
					margin-bottom : 10px;
					font-size : 100%;
				}

		/*
		 * links
		 */
				/* colour most standard links in page content */
				.cntHubContent td.txt p a,
				.cntHubContent td.txt p span {
					color : #3e63b6;
				}


		/*
		 * Global classes
		 */


/*
 * Global ids / areas
 */
		/*
		 * section : top bar
		 */
				.topbar {
					
				}

				/* hide existing logo */
				.cntHeader img.lgo, 
				.cntHeaderNoNav img.lgo {
					display: none;
				}

				/* load in new logo */
				.cntHeader a.logo {
				  	background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/lgoHeaderSony.gif');
					left : 14px;
				}

				/* IE < 7 - position the sony logo correctly, down an extra pixel */
				* html .cntHeader a.logo {
					top : 14px;
				}

				/* fix positioning of button spacers for IE 6 */
				* html .wep_buttonSpacer, 
				* html .wep_buttonHover, 
				* html .wep_buttonSpacer,
				* html .wep_buttonSpacerFirst, 
				* html .wep_buttonSpacerLeftHover, 
				* html .wep_buttonSpacerLeftFirstHover, 
				* html .wep_buttonSpacerRightHover {
					background-position : 0px 1px !important;
				}
				
				/* set display none to hide buttons - products, shop, support, discover */
				#wep_buttonArea {
					/*display : none;*/
				}
				
				/* set display none to hide search */
				#wep_RhArea {
					/*display : none;*/
				}


		/*
		 * section : header coverflash
		 */
				/* left alignment of header coverflash */
				.cntHubHeaderFlash {
					margin-left : 14px;
				}


		/*
		 * section : header buttons
		 */
				/* left alignment for buttons */
				.cntHubHeaderButtons {
					margin-left : 6px;
				}

				/* slightly reposition large buttons */
				.cntHubHeaderButtons .inner4,
				.cntHubHeaderButtons .inner3 {
					padding-left : 8px;
					margin-bottom : 3px;
					width : auto;
				}

				/* set size of each button */
				.cntHubHeaderButtons .inner4 .SelectorBtn,
				.cntHubHeaderButtons .inner3 .SelectorBtn  {
					width : 230px;
				}
				
				/* button containers are wider when there's only three of them */
				.cntHubHeaderButtons .inner3 .SelectorBtn {
					width : 300px;
				
				}

				/* set styles of link for each button */
				.cntHubHeaderButtons .SelectorBtn a {
					zoom : 100%;
				}

				/* button - left edge */
				.cntHubHeaderButtons .SelectorBtn .leftedge {
					background : transparent url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/button_large_bg_left_blue.gif') 0 0;
					width : 6px;
					height : 50px;
				}

				/* button - right edge */
				.cntHubHeaderButtons .SelectorBtn .rightedge {
					background : transparent url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/button_large_bg_right_blue.gif') 0 0;
					width : 27px;
					height : 50px;
				}
				
				/* button bg image */
				.cntHubHeaderButtons .inner4 .SelectorBtn .content,
				.cntHubHeaderButtons .inner3 .SelectorBtn .content {
					background : transparent url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/button_large_bg_centre_blue.gif') repeat-x 0 0;
					width : 195px;
					height : 50px;
				}
				
				/* buttons are wider when there's only three of them */
				.cntHubHeaderButtons .inner3 .SelectorBtn .content {
					width : 265px;
				}	
				
				/* exact position of text to vertical center of button */
				.cntHubHeaderButtons .SelectorBtn .content table td {
					vertical-align : top;
					padding-top : 10px;
				}			
				
				/* set styles of text within each button */
				.cntHubHeaderButtons .SelectorBtn .content table td .text {
					word-wrap : break-word;
				}


		/*
		 * section : navigation panes
		 */
				/* less left padding for box heading for better alignment */
				.cntFloater .heading h2 {
					padding-left : 10px;
				}
				
				/* bg image for top of each section */
				.cntFloater .LinksBox .heading,
				.cntFloater .cntBuyDirect .heading,
				.cntNavigation .cntNavigationProductCategories,
				.cntFloater .cntPoll .heading,
				.cntHubFloater .cntArticleLinks .heading {
					background : transparent url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/navigation_tab_top.gif') no-repeat 0 0;
				}

				/* bullet - right arrow */
		 		.cntFloater .LinksBox ul li a,
				.cntFloater .cntBuyDirect .txt .btn a,
				.cntFloater .cntHomeWhereToBuySony .HomeBuyOnline a,
				.cntNavigation .cntNavigationProductCategories dd.selected {
		 			background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/navigation_tab_bullet_right.gif');
				}
				
				/* bullet - left arrow */
				.cntNavigation .areaTitle .titleLink.open,
				.cntNavigation .cntNavigationProductCategories dt.open,
				.cntNavigation .cntNavBusConLink .inner2 a {
					background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/navigation_tab_bullet_left.gif');
				}


				/*
				 * consumer products pane (Sony category navigation area) - Actions nav
				 */
						/* to hide this pane entirely set 'Include Left Menu?' to No */
						.cntNavigationProductCategories {
							/* display : none; */
						}
						
						/* space for header image on 'consumer products' tab */
						.cntNavigation .cntNavigationProductCategories .inner {
							margin-top : 16px;
						}

						/* remove default blue background */
						.cntNavigation .cntNavigationProductCategories .inner2 {
							background-image : none;
						}

						/* it's a white background, need dark text */
						.cntNavigation .cntNavigationProductCategories .inner a,
						.cntNavigation .cntNavigationProductCategories .inner .selected,
						.cntNavigation .areaTitle .titleLink,
						.cntNavigation .cntNavigationProductCategories dd dl dd.selected,
						.cntNavigation .cntNavigationProductCategories dd.selected a,
						.cntNavigation .cntNavigationProductCategories dd a,
						.cntNavigation .cntNavigationProductCategories h1 a {
							color : #000;
						}

						/* bottom of products pane */
						.cntNavigation .cntNavigationProductCategories .inner {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/navigation_tab_bottom.gif');
						}
						
				/*
				 * Buy direct box styling
				 */
						/* colour header and link red */
						.cntFloater .cntBuyDirect .inner .inner2 .btn a,
						.cntFloater .cntBuyDirect .inner .inner2 h3 {
							color : #3e63b6;
						}
						
						/* colour text black */
						.cntFloater .cntBuyDirect .inner .inner2 .txt p {
							color : #000;
						}
						
						/* style bottom half of buy direct box */
						.cntFloater .cntBuyDirect .cntHomeWhereToBuySony .HomeBuyOnline .inner .txt a {
							
						}
						
				
				/*
				 * My Sony box
				 */
						/* hide the my sony box */
						#cntMySonyIDLoggedOutBoxes {
							display : none;
						}						
						

				/*
				 * home pane / link
				 */
						/* top image for 'Home' link */
						.cntNavigation .cntNavBusConLink {
							background-image : none; /* removed */
						}
						
						/* center image - this button is one big image */
						.cntNavigation .cntNavBusConLink .inner2 {
							background : #FFFFFF url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/navigation_tab_home.gif') no-repeat 0 0;
							height : 35px;
						}

						/* reposition text and bullet to centre */
						.cntNavigation .cntNavBusConLink .inner2 a {
							background-position : 10px 10px;
							padding-top : 9px;
							color : #000;
						}
						
						/* bottom image for 'Home' link */
						.cntNavigation .cntNavBusConLink .inner {
							background-image : none; /* removed */
						}


		/*
		 * section : main content block
		 */
				/* this content needs to be wider than the default */
				.content .contentMiddle,
				.bdrStyle1Top,
				.bdrStyle1 {
					width : 735px;
				}


				/* reposition main article container */
				div.content.pgeArticle {
					margin-top : 4px;
					margin-left : 8px;
				}


				/*
				 * section : main content block : borders
				 */
						/* border for top edge */
						.bdrStyle1Top {
							display : block; /* remove display : none from this element so we can add a top border */
							margin-top : 0px;
							height : 0px;
							background-image : none;
						}
						
						/* fix top border placement for IE6 */
						* html .bdrStyle1Top {
							display : none;
						}
						
						/* border for sides */
						.bdrStyle1 {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/content_border_center.gif');
						}
						
						/* border for bottom */
						.bdrStyle1Bot {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/content_border_bottom.gif');
						}



				/*
				 * page tabs
				 */
						.cntHubTabs table {
							width : 735px;
						}
						
						.cntHubTabs td {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabOffHubC2.gif');
						}
						
						.cntHubTabs td a,
						.cntHubTabs td a:link,
						.cntHubTabs td a:visited,
						.cntHubTabs td a:hover {
							color : #797979;
						}

						.cntHubTabs td.selected {
							background-image :  url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabOffSelectedHubC2.gif');
						}

						.cntHubTabs td.selected a,
						.cntHubTabs td.selected a:link,
						.cntHubTabs td.selected a:visited,
						.cntHubTabs td.selected a:hover {
							color : #3e63b6;
						}

						.cntHubTabs td.blank { }

						.cntHubTabs td.firston {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabFirstOnHubC2.gif');
						}

						.cntHubTabs td.firstoff {
							background-image :  url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabFirstOffHubC2.gif');
						}

						.cntHubTabs td.onoff {
							background-image :  url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabOnOffHubC2.gif');
						}

						.cntHubTabs td.offon {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabOffOnHubC2.gif');
						}

						.cntHubTabs td.offlast {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabOffLastHubC2.gif');
						}

						.cntHubTabs td.offoff {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabOffOffHubC2.gif');
						}

						.cntHubTabs td.onlast {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabOnLastHubC2.gif');
						}

						/* lessen the space below the tabs */
						.cntHubTabs .cntTabsBot {
							background-image : url('http://campaign.odw.sony-europe.com/theme/walkman/hub/subbrand/tabBotHubBdr.gif');
							margin-bottom : 0px;
							height : 24px;
						}

						/* lessen space between end of tabs and start of content */
						.cntHubContent table.headerTable {
							margin-top : 0px;
						}

						/* remove the clearer and empty p tags */
						.cntHubContent table.headerTable .clearer,
						.cntHubContent table.headerTable div.wraptxt p {
							display : none;
						}
						
						/* on product range pages, make the heading display as it should do by overriding standard .wraptxt settings */
						.cntHubContent table.headerTable div.wraptxt {
							padding-bottom : 0;
							float : none;
							width : auto;
						}
						
	
	
	
				/*
				 * section : main content block : images
				 */				
						.cntHubContent .wraplhimg {
							margin-top : 0; /* remove extra margin above content images */
							margin-left : 13px; /* extra space on left hand images in main content area */
						}
						
						/* IE < 7 doesn't need so much left space */
						* html .cntHubContent .wraplhimg {
							margin-left : 7px;
						}
						
						/* equal spacing for left content, whether flash or images */
						.cntHubContent .wraplhimg .hideFlash,
						.cntHubContent .wraplhimg .image {
							margin : 3px;
						}
						
						/* style the image caption */
						.cntHubContent .wraplhimg .image label {
							margin-left : 0px;
							text-align : left;
							color : #3A010F;
						}


				/*
				 * section : main content block : flash / image containers
				 */
						/* add spacing above and below containers */
						.cntHubContent td.imglhrh, 
						.cntHubContent td.flalhrh {
							padding : 5px 0px 0px 17px;
							text-align : left;
						}
						
						
				/*
				 * section : main content block : flash / image containers (two, side by side)
				 */ 
						.cntHubContent td.imglh, 
						.cntHubContent td.flalh, 
						.cntHubContent td.imgrh, 
						.cntHubContent td.flarh {
							text-align : left;
						}
						
						.cntHubContent td.imglh, 
						.cntHubContent td.flalh {
							padding-left : 12px;
						}
						
						
				/*
				 * section : main content block : image/flash left, text right
				 */
						.cntHubContent .wraplhimg {
						}
						
						/* force text next to flash/image not to wrap underneath */
						.cntHubContent .wraptxt {
							float : left;
							width : 55%;
							padding-left : 0px;
						}
				 
				
				/*
				 * section : main content block : flash top (sometimes 1x1 hidden), text full column width
				 */
						/* force text under flash block to span both columns - remove 50% fix */
						.cntHubContent td.txtlh,
						.cntHubContent td.txtrh {
							width : auto;
						}
						
						.cntHubContent td.txtrh {
							padding-left : 0px;
						}
						
				
				/*
				 * section : Editorial Block - Article Teasers (bottom teaser links) - styles
				 */
						/* remove default extra padding around table */
						.cntProductCategory table,
						.cntProductCategory table.FullCols {
							margin-top : 10px;
							width : 720px;
							display : inline; /* IE double float margin fix bug */
							margin-left : 6px;
							padding : 0px;
						}
						
						/* reset width for footer 'more stories' links - overwritten for product model pages below */
						.hubcontent .content .contentMiddle .bdrStyle1 .cntProductCategory.col2 table.FullCols {
							width : 720px;
						}
						
						.cntProductCategory table td,
						.cntProductCategory table td.first {
							width : 240px;
						}
						
						.cntProductCategory table .cntProductCategoryItem {
							margin-top : 0px;
						}
						
						.cntProductCategory table .cntProductCategoryItem .inner {
							margin : 0px;
						}
						
						.cntProductCategory table .cntProductCategoryItem .inner img {
							padding-left : 10px;
						}
						
						/* not needed for Win IE < 7 */
						* html .cntProductCategory table .cntProductCategoryItem .inner img {
							padding-left : 0px;
						}						
						
						/* ensure long text doesn't wrap under image */
						.cntProductCategory table .cntProductCategoryItem .inner .text {
							float : left;
							width : 130px;
						}
						
						/* colour the 'fake' span teaser links */
						.cntProductCategory table .cntProductCategoryItem .inner .text p a span {
							color : #3e63b6;
							text-decoration : underline;
						}
						
						/* teaser heading colour the same colour as main headings */
						.cntProductCategory table .cntProductCategoryItem .inner h4,
						.cntProductCategory table .cntProductCategoryItem .inner h4 a {
							color : #434343;
						}
						
						/* hide 'more' link text */
						.cntProductCategory table.FullCols td.itemFooter .itemLinks p.more {
							display : none;
						}
						
						/* remove grey bottom border */
						.cntProductCategory div.itemFooter {
							background : none;
						}
						
				
				/*
				 * section : product article block - fix layout for 2 columns
				 */
						/* set a specific id on the header text, in order to make it appear with the correct width and positioning */
						h2#show {
							width : 700px;
							padding-left : 18px;
						}

						/* force a width for products on range pages */
						.hubcontent .content .contentMiddle .bdrStyle1 .cntProductCategory.col2 table { 
							width : 510px;
						}
						
						/* add extra space between products */
						.hubcontent .content .contentMiddle .bdrStyle1 .cntProductCategory.col2 table td.itemFooter .itemLinks { 
							margin-bottom : 15px;
						}

						/* most browsers */
						.cntHubFloater {
							margin-top : 13px;
						}

						/* target ie7 */
						html>body .cntHubFloater { *margin-top : 23px; }

						/* target ie6 */
						* html .cntHubFloater {
							margin-top : 13px;
						}
				
				/*
				 * section : product article block - styles for the 'related article' block on right of main content
				 */
						.cntHubFloater .cntArticleLinks .heading h2 {
							padding : 3px 0px 3px 0px;
						}
						
						.cntHubFloater .cntArticleLinks .inner h2,
						.cntHubFloater .cntArticleLinks .inner h2 a {
							color : #3e63b6;
						}
						
						.cntHubFloater .cntArticleLinks .inner p,
						.cntHubFloater .cntArticleLinks .inner a p {
							font-size : 100%;
							color : #434343;
						}
						
						/* style the 'read more' links */
						.cntHubFloater .cntArticleLinks .inner a p b {
							font-weight : normal;
							display : block;
							margin-top : 10px;
							text-decoration : underline;
							color : #3e63b6;
						}
						
						.cntHubFloater .cntArticleLinks .inner img {
							float : left;
							padding : 0px 5px 5px 0px;
						}
						
						.cntHubFloater .cntArticleLinks .clearer {
							float : none;
							clear : both;
							margin-bottom : 15px;
						}
						.mainOuter{_margin-top:-2px;}