/**
* @author    SW - Javelin Group
* @version   1.0
* @media     screen
*
* @info      All slot based elements  
*
* @contents
* =1: Category colour
* =2: Category header
* =3: Default grid display
* 	=3.1: Popular categories grid
* 	=3.2: Products grid
* 	=3.3: Generic cross sell grid  
* =4: Content slots and assets
* 	=4.1: General - reset elements to show default styles
* 	=4.2: Category content slot
* 	=4.3: Left nav content slot
* 	=4.4: Right column product slots
* 	=4.5: Centre content include
* 	=4.6: No serch results content assets
* 	=4.7: Overlay content assets
* =5: Last visited
* =6: Competitions
* =7: Newsletter sign up
* =8: Catalogue request
* =9: Homepage grid slots
*/


/**
* =1: Category colour
*
* @info: Sets the default category colour
*/
.categorycolour { background-color: #666; }


/**
* =2: Category header
*
* @info: Styles to define the main header element, including image, title, copy and catchphrase text
*/
#categoryheader, #subcategoryheader, #subcategory1header { 
	width: 784px;
	float: left;
	margin-bottom: 20px;
	padding: 1px;
	position: relative;
}
#subcategoryheader { background-color: #e3e6eb; }
#categoryheader .catchphrase {
	position: absolute;
	bottom: 1px;
	left: 1px;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	width: 320px;
	background: url(../images/backgrounds/bg-catheader-catchphrase.png);
}
#categoryheader .content, #subcategoryheader .content { 
	float: left;
	width: 421px;
}
#subcategoryheader .content { 
	width: 784px;
	background: url(../images/backgrounds/bg-grad-e3e6eb.png) 0px 0px repeat-x;
}
#categoryheader h1, #subcategoryheader h1, #subcategory1header h1,
#categoryheader p, #subcategoryheader p { 
	color: #fff;
	text-transform: lowercase;
	padding: 5px 0 5px 10px;
}
#categoryheader p, #subcategoryheader p { 
	line-height: 1.4em;
	text-transform: none;
}
#subcategoryheader h1, #subcategoryheader p,
#subcategory1header h1 { 
	color: #333;
	float: left;
	clear: left;
	width: 100%;
}
#subcategory1header h1 {
	padding: 0;	
}
#subcategoryheader .copy  { 
	float: left; 
	width: 574px;
}
#categoryheader img, #subcategoryheader img { float: left;  }


/**
* =3: Default grid display
*
* @info: The base styles to define a grid of product / category items 4 across
*		 These form the base for popular categories, popular products and search results
*/
ul.gridblock {
	clear: both;
	float: left;	 
	width: 786px; 
	list-style-type: none;
	padding-bottom: 20px;
}
ul.gridblock li {
	float: left;
	width: 189px; 
	margin: 10px 10px 0 0;
}
ul.gridblock li.lastinrow { margin-right: 0; }
ul.gridblock li.firstrow { margin-top: 0; }
ul.gridblock li.firstinrow { clear: left; }

/**
* =3.1: Popular categories grid
*/
#subcatsgrid li { padding-top: 1px; }
#subcatsgrid li .subcat {
	float: left;
	width: 187px;
	height: 235px;
	padding: 0 1px 5px;
}
#subcatsgrid li .mask {
	position: relative; 
	width: 187px;
	height: 235px;
	float: left;
	overflow: hidden;
}
#subcatsgrid li .subcat .mask a .info {
	color: #fff; 
	position: absolute;
	top: 170px;
	left: 0px;
	width: 177px;
	text-transform: lowercase;
	padding: 0 5px 0px;	
}
#subcatsgrid .info strong {
	display: block; 
	font-size: 1.4em;
	padding: 12px 0;
	min-height: 40px;
}
#subcatsgrid .info span { font-size: .95em; }
#subcatsgrid a:hover { 
	text-decoration: none; 
	cursor: pointer; 
}

/** Popular categories grid 3x3 **/
#subcatsgrid3x3 { padding-bottom: 0; }
#subcatsgrid3x3 li { 
	width: 256px;
	margin-right: 9px;
}
#subcatsgrid3x3 li.lastinrow { margin-right: 0; }
#subcatsgrid3x3 li .subcat {
	float: left;
	width: 256px;
	height: 235px;
	position: relative;
	background-color: #f1f1f1;
}
#subcatsgrid3x3 li img {
	width: 256px;
	height: 172px;
}
#subcatsgrid3x3 li .subcat a .info {
	position: absolute;
	top: 172px;
	left: 0px;	
	text-transform: lowercase;
	padding: 0 5px 0px;	
}
#subcatsgrid3x3 .info strong {
	display: block; 
	font-size: 1em;
	padding: 5px 0;
}
#subcatsgrid3x3 .info span { font-size: .95em; }
#subcatsgrid3x3 a:hover span { 
	text-decoration: underline; 
	cursor: pointer; 
}


/**
* =3.2: Products grid
*
*/
#productgrid li {
	/*min-height: 370px;
	height: auto !important;
	height: 370px;*/
/*	background: #fff url(../images/backgrounds/bg-grid-item-btm.png) bottom left repeat-x;*/
	/*background: #fff none;*/
	/*border: 1px solid #ddd;	*/
}
#productgrid li a { display: block; }
#productgrid li a span.imagecontent {
	display: block;
	padding: 0px 0px 0px;
	/*background-image: url(../images/backgrounds/bg-cnrs-keyline-x189-top.png);*/
	background-position: top left;
	background-repeat: no-repeat;
}
#productgrid li a span img {	
	display: block;
	border: 5px solid #fff;
}
#productgrid li a .productname {
	min-height: 3.5em;/*45*/
	height: auto !important;
	height: 3.5em;/*45*/
	width: 167px;
	padding: 5px 10px 0 10px;
	display: block;
	float: left;
	clear: both;
}
#productgrid li a:hover{ cursor: pointer; }
#productgrid li a:hover .productname { text-decoration: underline; }
#productgrid li .pricing {
	/*min-height: 24px;
	height: auto !important;
	height: 24px;*/
	height: 3em; /*35px*/
	/*text-align: right;*/
	/*padding-left: 10px;
	padding-bottom: 0;*/
	padding: 0 0 5px 10px;
	clear: both;
	width: 177px; /*177*/
	/*line-height: 1.9em;*/

	position: relative;
}
#productgrid li .pricing span { 
	/*display: inline;*/
	display: block;
	/*padding: ;*/
}
#productgrid li .pricing .salesprice { 
	/*padding-left: 8px;*/
	/*float: right;*/
	/*padding: 3px 0;*/
	position: absolute;
	left: 10px;
	bottom: 5px;
}
#productgrid li .pricing .standardprice { 
/*	line-height: 1.8em;*/
	position: absolute;
	left: 10px;
	top: 0;
}
#productgrid li .pricing .price {
	float: none;
	padding-bottom: 0;
}
#productgrid li .producttile {
	display: inline;
	float: left;
	min-height: 29em;
	height: auto !important;
	height: 29em;
	border: 1px solid #ddd;
	background: #fff url(../images/backgrounds/bg-grid-item-btm.png) bottom left repeat-x;
	position: relative;
	padding: 0 0 50px 0;
}
#productgrid li  p { padding-bottom: 0; }
#productgrid li .availabilityModule {
	padding-left: 10px;
	line-height: 1.53em;
}
#productgrid li .agerangeModule {
	min-height: 3em;
	height: auto !important;
	height: 3em; 
}
#productgrid li .agerange {
	padding-left: 10px;
}
#productgrid li .additionalinfolabel {
	padding: 0 5px 0 0;
	width: auto;	
}
/*#productgrid li .producttile .image { position: relative; }*/
#productgrid li .atb { 
	clear: both;
	width: 187px;
	padding-bottom: 0;
	/*padding: 10px 0;*/	
	position: absolute;
	bottom: 10px;
	left: 0;
}
#productgrid li .atb .primarybutton { 
	float: none; 
	margin-left: 10px; 
	/*width: 100px;*/
	width: 9.5em;
	text-align: center;
}
#productgrid li .atb .outStock { 
	display: block;
	/*text-align: center;*/
	font-weight: bold; 
	text-align: left;
	/*padding: 0 0 0 10px;*/
	padding: 0;
	color: #007947;
}
#productgrid li .avrating {
	 clear: left; 
	 /*text-align: right;*/ 
	 padding: 0 0 0 10px; 
	 height: 16px;
	 width: 177px;/*179*/
	 position: absolute;
	 left: 0;
	 bottom: 30px;	 
	 min-height: 1.75em;
	 height: auto !important;
	 height: 1.75em;	  
}
#productgrid li .avrating img { 
	margin-left: 5px;
	vertical-align: top;
}
.productresultarea { float: left; }
.productresultarea ul.gridblock { padding-bottom: 10px; }
.quickviewbutton { display: none; }
.quickviewbutton a {
	background: url(../images/buttons/btn-quickview.png) center center no-repeat;
	display: block;
	height: 28px;
	width: 164px;
	position: absolute;
	left: 12px;
	top: 190px;
}

/**
* =3.3: Generic cross sell grid  
*
* @info: overrides #productgrid
*/
.xsellgrid h2 { text-transform: lowercase; }
.xsellgrid #productgrid {
	float: left;
	margin-top: 10px;
	padding: 9px;
	border: 1px solid #ddd;
}
.xsellgrid #productgrid .gridblock {
	margin: 0;
	padding: 0;
}
.xsellgrid #productgrid .productgridContent {
	float: left;
}
.xsellgrid #productgrid li {
	/*min-height: 333px;
	height: auto !important;
	height: 333px;*/
	width: 180px;
	margin: 9px 9px 0 0;
	padding: 0;	
}
.xsellgrid #productgrid li .producttile { 
/*	min-height: 350px;
	height: auto !important;
	height: 350px;*/
}
.xsellgrid #productgrid li.firstinrow { 
}
.xsellgrid #productgrid li.firstrow { 
	margin-top: 0;
}
.xsellgrid #productgrid li.lastinrow {
	margin-right: 0;	
}
.xsellgrid #productgrid .imagecontent {
	border-bottom: 1px solid #ddd;
}
.xsellgrid #productgrid .image { width: 178px; }
.xsellgrid #productgrid li a span.imagecontent { padding-bottom: 0; }
.xsellgrid #productgrid li a span.imagecontent img { border-width: 6px 12px 12px 13px; }
.xsellgrid #productgrid li .avrating { width: 168px; }
.xsellgrid #productgrid .productname { width: 158px; }
.xsellgrid #productgrid .pricing { width: 167px; }
.xsellgrid #productgrid .atb { width: 178px; }
.xsellgrid .quickviewbutton a {
	top: 175px; 
	left: 7px;
}
.xsellgridx1 #productgrid .gridblock { width: 180px; }
.xsellgridx2 #productgrid .gridblock { width: 369px; }
.xsellgridx3 #productgrid .gridblock { width: 558px; }
.xsellgridx4 #productgrid .gridblock { width: 747px; }
.xsellgridx5 #productgrid .gridblock { width: 936px; }


/**
* =4: Content slots and assets
*/

/**
* =4.1: General - reset elements to show default styles
*/
.contentasset { clear: both;  } 
/* Add specific UL's that have a problem, so we reset them */
#content .contentasset ul, 
#generic_content .contentasset ul,
.newsletterinfo ul {
	padding: 10px 0 10px 15px;
	list-style-position: outside;
	clear: both;
	float: none;
}
#content .contentasset ul li,
#generic_content .contentasset ul li, 
.newsletterinfo ul li,
.benefits ul li {  
	list-style-type: disc; 
	float: none; 
}
#content .contentasset p { 
	width: auto; 
	padding-left: 0;
	padding-right: 0;
}
#content .contentasset a { text-decoration: underline; }

/**
* =4.2: Category content slot
*/
.categorycontentslot,
.pt_productsearchresult .contentinclude {
	clear: both;
	width: 786px;
	margin-bottom: 20px;
}
.pt_productsearchresult .contentinclude img { display: block; }

/**
* =4.3: Left nav content slot
*/
#leftcolumn .contentasset,
.lefthandcontentslot { margin-bottom: 10px; }
#leftcolumn .contentinclude { width: auto; }

/**
* =4.4: Right column product slots
*
* @info: Used in both the main site and microsites.
		 Any changes to microsites are contained within microsite.css for each brand
*/
#rightcolumn .subheading {
	/*padding: 6px 10px 6px 10px;*/
	padding: 6px 10px;
	font-size: 1.4em;
	line-height: normal;
	/*background: url(../images/backgrounds/bg-grad-e0e3e8-x189.png) left top no-repeat;*/
}
#rightcolumn .gridblock { width: 190px; margin-top: 10px; }
#rightcolumn .gridblock li { margin: 0 0 20px 0; }
#rightcolumn .categorycolour { background-color: #ddd; }

/**
* =4.5: Centre content include
*/
#main .contentinclude p { padding-bottom: 0; }

/**
* =4.6: No serch results content assets
*/
.nohits .noresults-help .contentasset { width: 468px; margin: 0; }
.nohits .noresults-help .contentasset ul { padding: 10px 10px 0 20px; }
.nohits .noresults-help .contentasset ul li { line-height: 1.4em; }
.nohits .contentasset { 
	width: 985px;
	clear: left; 
	margin-bottom: 20px;
}

/**
* =4.7: Overlay content assets
*/ 
#sendToFriend .contentasset .formfooter span { width: 368px; }
#sizeChartDialog table { 
	width: 100%; 
	margin-bottom: 10px;
}
#sizeChartDialog table td { text-align: center; }
#sizeChartDialog a { text-decoration: underline; }


/**
* =5: Last visited
*/
.lastvisited h3 {
	font-size: 1.5em;
	width: 957px;
	padding: 10px 0px 10px 0px;
}
.lastvisited ul {
	width: 985px;
	list-style: none;
	padding-bottom: 20px;
	float: left;
}
.lastvisited li {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 273px;
    height: 168px;
}
.lastvisited li.last { margin-right: 0; }



/**
* =6: Competitions
*/
.compIntro {
	padding: 0 10px 10px;
	width: 965px;
}
.compIntro .textinput { width: 400px; }
.compIntro p {
	padding: 0 0 10px 0;
	width: auto;
}
.compIntro label {
	display: block;
	margin: 0;
	width: auto;
	text-align: left;
}
.compIntro ul {	
	padding: 0 0 0 15px;
	list-style-position: outside;
	float: none;
}
.compIntro li {
	display: list-item;
	list-style-type: disc;
	width: auto;
	float: none;
}
.competitionsform #addressdetails { float: left; }
#competitionsform .primarybuttonright { float: right; }
.compIntro .errormessage { margin-left: 0; }


/**
* =7: Newsletter sign up
*/
.newsletterform .newsletterinfo { 
	padding: 0 10px;
	clear: left;
}
.newsletterform dl {
	clear: both;
	padding: 0 20px 10px
}
.newsletterform dt {
	float: left;
	width: 145px;
	text-align: right;
}
.newsletterform dd {
	clear: right;
	float: right;
	padding: 0 0 5px;
	width: 270px;
}
.newsletterform dd.first {
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.newsletterform dd input {
	float: left;
	margin: 1px 5px 0 0;
}
.newsletterform dd label {
	margin-top: 0;
	width: 200px;
	text-align: left;
}
.newsletterform .checkboxInput input { margin-left: 0; }
.newsletterform .checkboxInput label { width: 360px; }
.newsletterform  .topicerror { margin-left: 0; }


/**
* =8: Catalogue request
*/
.cataloguerequestheader { width: 985px; }
.catRequest .cataloguedisplay { 
	float: left;
	width: 985px;
	padding-top: 10px;
}
.catRequest .cataloguedisplay fieldset { width: auto; }
.catRequest .catalogues_x1 { width: 235px; }
.catRequest .catalogues_x2 { width: 470px; }
.catRequest .catalogues_x3 { width: 705px }
.catalogueList { margin: 0 auto; }
.catalogueList li {
	clear: none;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 10px;
	width: 215px;
	text-align: center;
	list-style-type: none;
}
.catalogueList h3, .catalogueList span { padding-bottom: 10px; }
.catalogueList li p { 
	width: auto;
	padding: 0;
	margin: 0;
	float: none;
}
.catalogueList .checkboxInput {
	padding: 0 0 0 70px;
	width: 145px;
}
.catalogueList .checkboxInput input { margin-left: 0; }
.catalogueList .checkboxInput label { width: 100px; } 
.catRequest .fieldsetprompt {
	margin: 10px 0 5px;
	width: 470px;
}
.catRequest .fieldsetBtm .secondarybutton {
	float: right;
	margin-top: 5px;
}
.catRequest .privacystatement {
	clear: both;
	padding: 10px;
}
.catRequest .privacystatement p { 
	width: auto; 
	padding-left: 0; 
	padding-right: 0;
}
.catrequestsummary h2 { padding-left: 10px; }
.catrequestsummary .detailBox {
	clear:left;
	float: left;
	margin-left: 10px;
	padding-bottom: 6px;
	width: 230px;
	background: url(../images/backgrounds/bg-cnrs-x230-btm.png) left bottom no-repeat;
}
.catrequestsummary .detailBox h3 {
	padding-top: 6px;
	background: url(../images/backgrounds/bg-cnrs-x230-top.png) left top no-repeat;
	text-align: center;
	font-size: 1em;
}
.catrequestsummary .detailBox div {
	padding: 0;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.catrequestsummary .detailBox p { padding: 10px 15px; }
.cataloguedisplay .errormessage {
	width: 100%;
	text-align: center;
	padding: 10px 0 0;
	margin-left: 0;
}


/**
* =9: Promotion landing page and related 
*/
.pt_promotion .promolandingcontent { float: left; clear: both; }
.pt_promotion .promotiondetails { padding-left: 10px; }
.pt_promotion .pageviewcontrols { width: 965px; }
.pt_promotion .pageviewcontrols .resultshits { margin-left: 0; }
.pt_promotion .gridblock { width: 985px; }

/* Promotion light box changes */
.pageviewcontrols .viewmoreproducts {
	display: inline;
	margin-top: 3px;
}

/* Product page link */
.promotion a.promocalloutlink, .promotion a.promocalloutlink:hover { color:#fff; text-decoration: underline; }


/**
* =10: Homepage grid slots
*/
.homegridrow {
	float: left;
	clear: both;
	width: 786px;
	margin-bottom: 9px;
}
.homegriditem {
	float: left;
	width: 256px;
	margin-right: 9px;
}
.homegridrow .lastitem {
	margin-right: 0;
}

/**
* =11: Brand landing banners
*/
.brandlanding {}