/****************************************
START  Contents of hubcategory.css 
*****************************************/
/* old
body#ptBrandLanding div#introduction {
	display:block;
	padding: 0 16px 0 16px;
}

body#ptBrandLanding div#introduction h2{
	font-family:Arial;
	font-size: 3.3em;
	font-weight:500;
	color:#424025;
}
body#ptBrandLanding div.hubCategory div.content h3 {
	color: #576423;
	display: block;
	font-size: 1.5em;
	font-weight: 700;
	padding: 16px 0 8px 0;
}

body#ptBrandLanding div#introduction p{
	font-size: 1.1em;
	width: 400px;
}
body#ptBrandLanding div.hubCategory {
	float: left;
	margin-top:5px;
	margin-bottom: 13px;
	padding: 0 0 0 16px;
	width: 368px;
}

body#ptBrandLanding div.hubCategory div.content h2{
	color: #576423;
	display:block;
	font-size: 1.5em;
	padding:8px 0;
	font-weight: bold;
}

body#ptBrandLanding div.hubCategory div.content {
	background:transparent url(../img/bg_hubcategorybox.gif) repeat-x 0 100%;
	border:1px solid #e7ddcf;
	min-height: 174px;
	padding:0 16px 0 0;
}

body#ptBrandLanding div.hubCategory div.content img.logoImage {
	margin-bottom: 5px;
}


body#ptBrandLanding div.hubCategory div.content img.mainImage {
	float:left;
	/* height:168px;
	/* width:176px; 
	margin-right:16px;
}

body#ptBrandLanding div.hubCategory div.content p {
	font-family:Arial;
	font-size: 1.1em;
	margin:0;
}

body#ptBrandLanding div.hubCategory div.content p.contextual {
	color:#000;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin:8px 0pt 0pt;
}

body#ptBrandLanding div.hubCategory div.content p span.pounds {
	color: #F00;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 50px;
	position: relative;
	z-index: 10; 
}

body#ptBrandLanding div.hubCategory div.content p span.pence {
	bottom:0.5em;
	font-size:0.9em;
	position:relative;
	vertical-align:baseline;
	color: #F00;
}

body#ptBrandLanding div.hubCategory div.content ul.viewall{
	list-style:none;
	margin:0;
	padding:0;

}
body#ptBrandLanding div.hubCategory div.content ul.viewall li{
	background:transparent url(../img/link_green_arrow.gif) no-repeat scroll 0 4px;
	list-style:none;
	margin:12px 0 0 0;
	padding:0 0 0 8px;
}


body#ptBrandLanding div.hubCategory div.content a {
	color:#000;
	font-family:Arial;
	font-size:1.1em;
	font-weight:bold;
	margin: 0 0;
	text-decoration:none;
}

*/
/****************************************
END  Contents of hubcategory.css 
*****************************************/

/* new */
/***************************************************
* Brand Landing
***************************************************/
body#ptHubLanding div#pageheader {
	margin: 0;
}


body#ptHubLanding div#secondary {
	float: left;
	width: 16.636em;
}

body#ptHubLanding div#primary {
	float: right;
	width: 746px;
}

body#ptHubLanding div#secondary ul#promotion
{	
	padding: 3.636em 0 0 0;
	float: right;	
	list-style: none;
	margin: 0;
}

body#ptHubLanding div#secondary  ul#promotion li
{
	margin-bottom: 0.5em;
}

body#ptHubLanding div#secondary  ul#promotion a img
{
	width: 16.09em;
}

body#ptHubLanding div#primary  div#subCategories
{
	margin-bottom: 0;
}

body#ptHubLanding div#primary .catWidth {
	width: 68.5em;
}

body#ptHubLanding div#primary div#subCategories h3
{
	color: #356D06;
	font-size: 1.273em;
	margin: 0.786em 0;
	font-weight: bold;
}


body#ptHubLanding div#primary  div#subCategories div.hubCategory {
	float: left;
	width: 16em; /* 190px; */
	margin-right: 1.272em; /* 1.272 * 11 = 14px */
	margin-bottom: 1em;
}

body#ptHubLanding div#primary  div#subCategories div.hubCategory .content {
	border: dotted 0.090em gray;
	background-color: #eefae8;
	height: 18.636em; /* 18.636 * 11 = 205px */
	padding: 0;
	width: 15.818em; 
	
	overflow: hidden;
}

body#ptHubLanding div#primary  div#subCategories div.hubCategory.fiveBoxes {
	margin-right: 1.363em;
}

body#ptHubLanding div#primary  div#subCategories div.hubCategory.lastCat {
	margin-right: 0;
}
body#ptHubLanding div#primary  div#subCategories div.hubCategory.lastCat .content {
	margin-right: 0; /* 1 * 11 = 11px */
}

body#ptHubLanding div#primary  div#subCategories div.hubCategory div.image {
	background-color: #FFFFFF;
	width: 15.818em;
	height: 15.818em; 
}

body#ptHubLanding div#primary  div#subCategories div.hubCategory div.image img {
	height: 15.818em;
	width: 15.818em;
}

body#ptHubLanding div#primary  div#subCategories div.hubCategory h4 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0.35em;
}

body#ptHubLanding div#primary  div#subCategories div.hubCategory h4 a {
	/*
	background-color: #eefae8;
	background-repeat: no-repeat;
	background-position: 1em 0.4em;
	background-image: url(../img/asda_img/icon_greenBulletLightGreenBG.jpg); 
	*/
    width: 100%; 
	display: block;  
}

body#ptHubLanding div#primary  div#subCategories div.hubCategory h4 a span {
	padding-left: 0.5em;
}

body#ptHubLanding div#primary  div#subCategories div.hubCategory h4 a img {
	float: left;
	background-color: #eefae8;
	background-repeat: no-repeat;
	background-position: 1em 0.4em;
	/* background-image: url(../img/asda_img/icon_greenBulletLightGreenBG.jpg); */
	padding-left: 1em;
	padding-top: 0.6em;
	width: 0.363em;
	height: 0.545em;
}

/* heading */
#wrapper div#heading {
	font-size: 1.091em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper div#heading img.right {
	height: 18.833em;
}


#wrapper div#heading.heading_orange
{
	background-color: #F15F04;
}

#wrapper div#heading div#heading_blue
{
	background-color:  #06478E;
	/*padding-top: 0.75em;
	padding-bottom: 0.75em;*/
}

#wrapper div#heading div#toysHeadingContainer p
{
	width: 23.583em;
}
/*
#wrapper div#heading div#toysHeadingContainer h1
,#wrapper div#heading div#toysHeadingContainer p
,#wrapper div#heading div#toysHeadingContainer ul
,#wrapper div#heading div#toysHeadingContainer ul a
{
	line-height: 1.364em;
}
*/

#wrapper div#heading div.textcontainer
{
		padding: 1.667em 1.5em;
		height: 15.5em;
		overflow: hidden;
}

/*
#wrapper div#heading div#toysHeadingContainer
{
	height: 13em;
}
*/
#wrapper div#heading div.textcontainer h3
{
	/* font-size: 0.458em;  24px * 0.458em = 11px */	
}

#wrapper div#heading div.textcontainer h3 img
{
	width: 15.25em;
}


#wrapper div#heading div.textcontainer h1, 
#wrapper div#heading div.textcontainer p, 
#wrapper div#heading div.textcontainer ul
{
	color: White;
	line-height: 1.333em;
}

#wrapper div#heading div.textcontainer a:link,
#wrapper div#heading div.textcontainer a:visited
{
	color: White;
	text-decoration: underline;
}

#wrapper div#heading div.textcontainer a:hover,
#wrapper div#heading div.textcontainer a:active
{
	color: White;
	text-decoration: none;
}

#wrapper div#heading div.textcontainer ul a:link,
#wrapper div#heading div.textcontainer ul a:visited {
	text-decoration: none;
}

#wrapper div#heading div.textcontainer ul a:hover,
#wrapper div#heading div.textcontainer ul a:active {
	text-decoration: underline;
}

#wrapper div#heading div.textcontainer h1,
#wrapper div#heading div.textcontainer p
{
	padding: 0.583em 0;
	padding: 0;
}

#wrapper div#heading div.textcontainer ul
{
	list-style-type: none;
	list-style-position: inherit;
	list-style-image: none;
	padding: 0.5em 0 0.5em 1em;
}

#wrapper div#heading div.textcontainer ul li
{
	line-height: 1.333em;
	background: url(../img/bullet_arrow_white_transparent.gif) 0 0.5em no-repeat;
	padding-left: 0.833em;
}

#wrapper div#heading div.textcontainer ul a
{
	font-weight: bold;
}

.hubCategories {
	text-align: center;
	font-size: 0;
	margin-left: -31px;
}

.hubCategory {
	width: 227px;
	height: 229px;
	border: 1px solid #CCC;
	margin-top:20px;
	margin-left: 30px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	zoom: 1;
	/*ie6 css layout fix, format is intentional*/
	*display: inline;
	
	
}

.hubCategory .CatBoxText {
	float: left;
	height: 34px;
	background-image: url(http://asda.scene7.com/is/image/Asda/Cat_Box_Headgrad?wid=6&hei=34&fmt=jpg&qlt=100&resMode=sharp&sharpen=1);
	line-height: 32px;
	padding: 0 0 0 15px;
	text-align: left;
}

.hubCategory .CatBoxText a {
	width: 212px;
	display: block;
}
.catimage, 
.catcontent {
	width: 227px;
}

/*****************************
	Last visted scroller
******************************/

.lastvistedScrollWrapper {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	margin: 30px 0 30px 0;
}

.vistedScrollItem {
	display: inline;
	margin: 8px;
}