/*
******************************************************************

	BathroomWall.co.uk CSS
	http://www.bathroomwall.co.uk
	
	Site design copyright 2007 Bathroom Wall. All rights reserved.
	
	HTML & CSS by Matt Hobbs 
	http://www.matthobbs.com
	
	Version 1.2.5
	2009-05-17 Home Page Change

	
******************************************************************
*/

/* 	IE 5.5 PNG FIX
	from: http://www.twinhelix.com/css/iepngfix/
	This is only IE specific. Note that PNGs can't be tiled - so have to use super
	big PNG for backgrounds!
*/
img, div { behavior: url(/iepngfix/iepngfix.htc); }

#skip { display: none; }

body, div, p, td, tr, span, h1, h2, h3, ul, li, ol, a, form {
	font-family: 		verdana, arial, sansserif;
	font-weight:		normal;
	
	color:			#333; /* Note: home page is dark with white fonts */

	margin:			0px;
	padding:		0px;
}

img {
	border:		no-border;
	border-width: 	0px;
	padding:	0px;
	margin:		0px;
}

body { 
	background-color: #000000;
	vertical-align:		top;
	background-image:	url(../images/patterned/background_1x1.png);
	background-repeat: 	repeat;
}
	div.bodyWrapper {
		width:		100%;
		height:		100%;
		
		background:	url(../images/patterned/top_shadow.png) repeat-x;
	}

h1 {	font-size:	41px; }
h2 {	font-size:	22px; }
h3 {	font-size:	18px; }

div, p, td, tr, a, ul, li, ol { font-size: 11px; }

li { margin-left: 20px; }

a {
	text-decoration:	underline;
}

a:hover {
	text-decoration:	underline;
}

input {
	color:		#666666;
	font-size:	12px;
}

#mainWrapper {
	position:		relative;
	
	padding:		0px;
	margin: 		0 auto;
	width: 			1024px;
	
	margin-top:		0px;
}


/*
******************************************************************
		Header/Main Navigation
******************************************************************
*/
#bannerOne {
	display:			block;
	height:				80px;
	width:				295px;
	
	position:			absolute;
	top:				0px;
	left:				385px;
	
	overflow:			hidden;
}


#mainWrapper #headerWrapper { 
	display:	block;
	position:	relative;
	
	width:		1024px;
	height:		160px; /* 124px 115px */
	
	padding:	0px;
	margin:		0px;
}
	#mainWrapper #headerWrapper br { display: none; }
	#mainWrapper #headerWrapper #taglineWrapper { display: none; }	
	
	#mainWrapper #headerWrapper #logoWrapper {
		padding-top:		0px;
	}
		#mainWrapper #headerWrapper #logoWrapper #logo {
			background:		url(../images/patterned/logo-background.png) no-repeat;
		}
	
	#mainWrapper #headerWrapper #navEZPagesTop {
		display:	block;
		position:	absolute;
		
		width:		150px; 
		height:		60px;
		
		overflow:	hidden;
		
		top:		22px;
		left:		222px;
	}
		/* 2008-07-07 */
		*+html #mainWrapper #headerWrapper #navEZPagesTop { width: 210px; }
		
		#mainWrapper #headerWrapper #navEZPagesTop,
		#mainWrapper #headerWrapper #navEZPagesTop a {
			font-size:			11px; /* 8px */
			font-family:		Arial, sansserif;

			text-transform:		lowercase;
			text-decoration:	none;
			
			color:				#4D4D34; /* #663 */
		}
		#mainWrapper #headerWrapper #navEZPagesTop a { white-space:nowrap; }
		#mainWrapper #headerWrapper #navEZPagesTop a:hover { text-decoration: underline; }	
/*
	#navMain structure
	li.home a span
	li.loginout logout|login a span
	[li.my_account a span]
	li.cart cart_full|cart_empty a span
	li.checkout cart_full a span|cart_empty span
*/

#mainWrapper #headerWrapper #navMainWrapper {
	position:	absolute;
}

	#mainWrapper #headerWrapper #navMainWrapper #navMainSearch {
		position:		absolute;
		top:			70px;
		left:			222px;
		width:			200px;
	}
		#mainWrapper #headerWrapper #navMainWrapper #navMainSearch form input.header_search_keyword {
			width:			125px;
			border: 1px solid #ffffff;
		}
		#mainWrapper #headerWrapper #navMainWrapper #navMainSearch form input.header_search_submit {
			width:			50px;
			height:			20x;
			border: 		1px solid #4D4D33;
			background:		#4D4D33;
			color:			#ffffff;
			font-size:		10px;
		}

	#mainWrapper #headerWrapper #navMainWrapper #navMusic {
		position:			absolute;
		top:				0px;
		left:				697px;
		
		width:				127px;
		height:				80px;
	}
		#mainWrapper #headerWrapper #navMainWrapper #navMusic a {
			display:			block;
			width:				127px;
			height:				80px;

			background:				url(../images/patterned/header-music_button-both.png) no-repeat;
			background-position:	0px 0px;
		}
			#mainWrapper #headerWrapper #navMainWrapper #navMusic a span { display: none; }
			#mainWrapper #headerWrapper #navMainWrapper #navMusic a:hover {
				background-position:		-128px 0px;
			}


	#mainWrapper #headerWrapper #navMainWrapper #navMain { 
		position: absolute; 
		}
		#mainWrapper #headerWrapper #navMainWrapper #navMain ul { 
			position: absolute;
			
			top:		20px;
			left:		879px;
			width:		150px;
			height:		100px;
			overflow:	hidden; 
		}	

		#mainWrapper #headerWrapper #navMainWrapper #navMain ul li { 
			position:			relative;
			float:				right;
			clear:				right;
			display: 			block;
			overflow: 			hidden; 
			background-repeat: 	no-repeat;
			list-style-type: 	none;
			padding: 			0px;
			margin: 			0px;
			
			height:				26px;
			width:				140px;
		}
			#mainWrapper #headerWrapper #navMainWrapper #navMain ul span { display: none; }
			#mainWrapper #headerWrapper #navMainWrapper #navMain ul li a { 
				display: 	block;
				height:		26px; /* 30px */
				width:		140px;
				
				background-repeat:		no-repeat;				
			}
				#mainWrapper #headerWrapper #navMainWrapper #navMain ul li a:hover {
				}
				#mainWrapper #headerWrapper #navMainWrapper #navMain ul li a span { display: none; }		
		
		
		/* *** li.home *** */
		#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.home { display: none; }

		/* *** li.cart *** */
		#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.cart {
		}	
			#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.cart a {
				background:				url(../images/patterned/menu-basket-both.png) 0px 0px;
			}
			#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.cart a:hover {
				background-position:		-140px 0px;
			}			

		/* li.cart.cart_empty a, li.cart.cart_full a */


		/* *** li.checkout *** */
		#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.checkout.cart_empty {
				background:				url(../images/patterned/menu-checkout-both.png) 0px 0px;
		}	
			#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.checkout a {
				background:				url(../images/patterned/menu-checkout-both.png);
			}
			#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.checkout a:hover {
				background-position:		-140px 0px;
			}			
		
		/*	li.checkout.cart_empty, li.checkout.cart_full */		

/* *** li.logoutin, li.my_account *** */

#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.loginout,
#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.my_account
 {
	height:			13px;
	text-align:		right;
	padding-right:	30px;
}
	#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.my_account { top: 0px; }
	
	#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.loginout a,
	#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.my_account a
	 {
		color:		#fff;
		text-decoration: none;
	}
		#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.loginout a:hover,
		#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.my_account a:hover
		 {
			text-decoration: underline;
		}	
		#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.loginout a span,
		#mainWrapper #headerWrapper #navMainWrapper #navMain ul li.my_account a span	 {
			display:		block;
			text-align:		right;
			
			font-size:		9px;
			text-transform:	lowercase;
			color:			#fff; /* #4D4D34; */
			text-decoration: none;		
		}

/*
******************* CATEGORIES NAVIGATION SETUP *******************
*/

	#mainWrapper #headerWrapper #navCatTabsWrapper {
		display:	block;
		position:	absolute;
		
		top:		91px; /* 78px */
		left:		0px;
		
		height:		68px; /* 64px */
		width:		1024px;
		
		overflow:	hidden;
	}
	
	#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs { position:	relative; }
	#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs ul { 
			position: 		relative;
			display:		block; 
			
			
			height:			60px;
			
			
			margin-top:		4px;
			
			clear: 			both;
			
			border-left:	2px #4D4D34 solid;		
	}
	
	#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs ul li {
		display:	table-cell; /* block */
		position:	relative;
		float:		left;
		
		list-style:	none;
		
		margin-top:	0px;
		height:		30px;
		width:		144px; /* 148px */
		
		background-repeat:	no-repeat;
		
		border-left:	0px #4D4D34 solid;	
		border-right:	2px #4D4D34 solid;
		
		border-bottom: 4px #4D4D34 solid;
		
		margin-left:	0px;
		margin-right:	0px;
		padding:		0px;
		
		vertical-align:		middle;	
	}
		#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs ul li a { 
			display: 			block; 
			width:				130px;
			height:				28px;
			text-align: 		center;
			vertical-align:		middle;
			
			padding-top:	2px;
			padding-bottom:	2px;
			
			padding-left:	7px;
			padding-right:	7px;
			
			overflow:			hidden;
			text-decoration:	none;
		}
			#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs ul li a:hover {
				/* background: #222; */
				background:		url(../images/background-shade.png) repeat;
			}
			
			#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs ul li a.here,
			#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs ul li a:hover {
				/* background: #222; */
				background:		url(../images/background-shade.png) repeat;
			}
			
		#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs ul li a span { 
			color:			#4D4D34; /* web safe #663 */
			font-weight:	normal;
			
			font-size:		10px;
			font-weight:	bold;
			
			text-transform: uppercase;
		}
		
			#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs ul li a.here span,
			#mainWrapper #headerWrapper #navCatTabsWrapper #navCatTabs ul li a:hover span {
				color:		#fff;
			} 



/*
**************************************************************
	General Settings
**************************************************************
*/

div.categoryListBoxContents {
	width:	33%;
}


/*
**************************************************************
	Main Body
**************************************************************
*/
#mainWrapper #contentMainWrapper {
	display:	block;
	clear: 		both;
	
	position:	relative;
	
	margin:		0px;
	padding:	0px;
	
	min-height:	653px;	
	width:		1024px;
	
	background:	#CCCC99;
	background:	url(../images/bathroom_wall/background-bathroom_wall.jpg) repeat;
}
	#navBreadCrumb { display: none; }
	
/*
*******************************************************
	LANDING PAGE (body.home)
*******************************************************
*/

body.home #mainWrapper #contentMainWrapper {
	height:		700px; /* 2008-07-07: 653px */	
	width:		1024px;
	background:	url(../images/home-background-LO.jpg) no-repeat;
	
	overflow:	hidden;
}

/* hide left navigation column on home */
body.home #navColumnOne { display: none; }
body.home #indexCategoriesHeading { display: none; }
body.home h2.greeting { display: none; }
body.home #sub_categories_grid { display: none; }
body.home #navColumnTwo { display: none; }


body.home #mainWrapper #contentMainWrapper #indexCategories {
	position:	relative;
	
	width:		1024px; /* 990px */
	height:		647px; /* 2008-07-07: 600px */
	overflow:	hidden;
	background:	transparent;
}

/* !! NO GENERAL TRANSPARENT ON HOME !! */
body.home #mainWrapper #contentMainWrapper div.centerColumn { 
	padding-top:	4px;
	background: 	transparent; 
}

	/* home background transparency */
	#home_text,
	#home_featured_tshirts,
	#home_announcements,
	body.home #featuredProducts,
	body.home #specialsDefault,
	#home_bottom_right,
	/* 2008-07-07 */
	body.home #bannerFour,
	body.home #bannerFive,
	body.home #bannerSix,
	body.home #bannerSeven
	{
		/* MBH: Removed for iepngfix
			position:		absolute;
		*/
			display:		inline;
			background:		url(../images/background-shade.png) repeat;

			padding-left:	10px;
			padding-right:	6px;
			
			margin-right:	4px;
			margin-bottom:	4px;
			
			overflow:		hidden;
			
			padding-top:	0px;
			z-index:		0;
	}
		/* MBH: iepngfix - can't use repeat */
		*html #home_text,
		*html #home_featured_tshirts,
		*html #home_announcements,
		*html body.home #featuredProducts,
		*html body.home #specialsDefault,	
		*html #home_bottom_right,
		*html body.home #bannerFour,
		/* 2008-07-07 */
		*html body.home #bannerFive,
		*html body.home #bannerSix,
		*html body.home #bannerSeven
		{
				background:		url(../images/background-shade-1250.png) no-repeat;
		}

	
	/* MBH: NOTE - position absolute means this section can't have links! */
	body.home #mainWrapper #contentMainWrapper #bannerThree {
		position:	absolute;
		top:		25px;
		left:		262px;
		
		z-index:	1;
	}	
	
	#home_text {
		/* MBH: iepngfix
		top:			0px;
		left:			0px;
		*/
		
		float: 			left;
		width:			226px;
		height:			693px; /* 2008-07-07: 446px */
	}

	#home_featured_tshirts {
		/* MBH: iepngfix
		top:			0px;
		left:			246px;
		*/
		
		float:			left;
		margin-right:	0px;
				
		width:			754px; /* 754px */
		height:			178px;
	}

	#home_announcements {
		display:		none;
	}

	body.home #specialsDefault {
		float:			left;

		width:			234px;
		height:			263px;

		margin-right:	8px;
		padding-right:	6px;
		padding-left:	10px;		
	}	

	/* zen cart components */
	body.home #featuredProducts { 
		/* MBH: iepngfix
		top:			182px;
		left:			512px;
		*/
		
		width: 			242px; 
		height: 		510px; /* 2008-07-07 263px; */
		
		margin:			0px;
		padding:		0px;
		float:			left;
		padding-left:	11px;
	}
		
		body.home #featuredProducts img { padding-bottom: 4px; padding-top: 2px;}
		body.home #featuredProducts a.name_link,
		body.home #featuredProducts span.price,
		body.home #featuredProducts br { display: none; }
		
	
	
	body.home #bannerFour,
	/* 2008-07-07 */
	body.home #bannerFive,
	body.home #bannerSix,
	body.home #bannerSeven
	{
		float:			left;

		width:			252px;
		height:			259px;
		
		padding-left:	4px;
		padding-top:	4px;		
	}

		/* 2008-07-07 */
		body.home #bannerFive,
		body.home #bannerSix,
		body.home #bannerSeven
			{ height: 	240px; }

		/* 2008-07-07 */
		body.home #bannerSix,
		body.home #bannerSeven
			{ width: 240px; overflow: hidden; }
			
/* 2008-07-07 */
	body.home div.home_lower_section {
		float:			left;
		height: 		530px;
		width:			262px;
		
		overflow:		hidden;
		padding:		0px;
		margin:			0px;
	}
		body.home div.home_lower_thin { 
			width: 			252px;
			margin-left: 	6px;
		}
			
		body.home div.home_lower_right { 
			float: 			right; 
			width: 			248px; 
			margin-right: 	8px; 
			margin-left:	0px;
		}
			

		
	#home_bottom_right{	
		display:		none;
		width: 			246px; 
		height: 		260px; 
	}

	    
/* #indexCategories #indexCategoriesMainContent  */
	body.home #mainWrapper #contentMainWrapper #home_text div h2,
	body.home #mainWrapper #contentMainWrapper #home_text div h3,
	body.home #mainWrapper #contentMainWrapper #home_announcements h3,
	body.home #mainWrapper #contentMainWrapper #indexCategories #featuredProducts h2.centerBoxHeading,
	body.home #mainWrapper #contentMainWrapper #indexCategories #specialsDefault h2.centerBoxHeading
	{
		font-family:	Arial, sans, sanserif;
		font-size:		14px;
		font-weight:	bold;
		color:			#E40202;
		text-transform:	none;
	}	
		body.home #mainWrapper #contentMainWrapper #home_announcements h3,
		body.home #mainWrapper #contentMainWrapper #indexCategories #featuredProducts h2.centerBoxHeading,
		body.home #mainWrapper #contentMainWrapper #indexCategories #specialsDefault h2.centerBoxHeading
		{
			padding-top:	0px;
		}
	
	#home_text div p,
	#home_text div ul li {
		font-family:	Arial, sans, sanserif;
		font-size:		10px;
		font-weight:	normal;
		color:			#fff;
	}

/* FULL	
body.home #mainWrapper #contentMainWrapper #indexCategories 
#indexCategoriesMainContent #home_text div.home_welcome ul li a	
*/
	#home_text div p a,
	#home_text div ul li a {
		font-style:			italic;
		text-decoration:	underline;
	}
	
	
	#home_text div.home_welcome { }
		#home_text div.home_welcome h2 { }
		#home_text div.home_welcome p { }
		#home_text div.home_welcome ul { }
		
	
	#home_text div.home_launch_music { }
		#home_text div.home_launch_music h3 { }
		#home_text div.home_launch_music div.playlist_callout { }

	#home_text div.home_blog_callout { }
		#home_text div.home_blog_callout h3 { }


	

/*
*****************************************************
	sectionnav 
*****************************************************
*/

#contentMainWrapper div.sectionnav {
	display:	block;
	position:	relative;
	float:		left;
	
	width:		250px;
	
	padding:	0px;
	margin:		0px;
}


/*
*******************************************************
	Category Pages (body.category_XX)
	
*** CANNOT MOVE TO SPECIFIC CATEGORY CSS ****
As when product in shopping cart, then you look at it
then it loses that reference back to its parent
category.

*******************************************************
*/
body.category_65 #mainWrapper #contentMainWrapper { background:	url(../images/bathroom_wall/background-bathroom_wall.jpg) repeat; }
body.category_66 #mainWrapper #contentMainWrapper { background:	url(../images/backpage/background-backpage.jpg) repeat; }
body.category_67 #mainWrapper #contentMainWrapper { background:	url(../images/sleazy/background-sleazy.jpg) repeat; }
body.category_68 #mainWrapper #contentMainWrapper { background:	url(../images/pet_dictators/background-pet_dictator.jpg) repeat; }

	
		
/*
*****************************************************
	main_content 	
*****************************************************
*/

#mainWrapper #contentMainWrapper div.main_content {
	display:	block;
	position:	relative;
	float:		right;

	width:		774px;

	padding:	0px;
	margin:		0px;
}

#mainWrapper #contentMainWrapper div.centerColumn {
	/* MBH: removed for iepngfix
	position:	relative;
	*/
	display:	block;
	
	width:		550px;
	height:		100%;
	
	/* MBH: removed for iepngfix
	top:		4px;
	left:		6px;
	*/
	padding-top:	10px;
	padding-left:	5px;
	padding-right:	17px;
	padding-bottom:	50px;
	
	background:	url(../images/background-shade.png) repeat;
}
	/* MBH: iepngfix - can't use repeat so LOOONG png */
	*html #mainWrapper #contentMainWrapper div.centerColumn {
		background:	url(../images/background-shade-1250x2000.png) no-repeat;
	}
	
	#mainWrapper #contentMainWrapper div.centerColumn * {
		color:			#FFFFFF;
		font-family:	Arial, sansserif;		
	}
		#mainWrapper #contentMainWrapper div.centerColumn * input,
		#mainWrapper #contentMainWrapper div.centerColumn * select,
		#mainWrapper #contentMainWrapper div.centerColumn * select option,
		#mainWrapper #contentMainWrapper div.centerColumn * textarea,
		#mainWrapper #contentMainWrapper div.centerColumn * form * input,
		#mainWrapper #contentMainWrapper div.centerColumn * form * select,
		#mainWrapper #contentMainWrapper div.centerColumn * form * select option,
		#mainWrapper #contentMainWrapper div.centerColumn * form * textarea
		 {
			color:				#000000;
			background:			#ffffff;		
		}
	
	#mainWrapper #contentMainWrapper div.centerColumn h1 {
		text-transform:		uppercase;
		font-size:			22px;
		font-weight:		normal;
	}

	#mainWrapper #contentMainWrapper div.centerColumn h2 {
		padding-top:		6px;
		text-transform:		uppercase;
		font-size:			11px;
		font-weight:		bold;
	}

	#mainWrapper #contentMainWrapper div.centerColumn h3 {
		padding-top:		6px;
		text-transform:		uppercase;
		font-size:			11px;
		font-weight:		normal;
	}
	
	#mainWrapper #contentMainWrapper div.centerColumn p,
	#mainWrapper #contentMainWrapper div.centerColumn ul,
	#mainWrapper #contentMainWrapper div.centerColumn li {
		font-size:		11px;
		color:			#FFFFFF;
		font-weight:	normal;
	}
	
	#mainWrapper #contentMainWrapper div.centerColumn p,
	#mainWrapper #contentMainWrapper div.centerColumn ul {
		margin-bottom:		10px;
	}	
	
/*
**************************************************************
	footer
**************************************************************
*/

#mainWrapper #navSuppWrapper {
	display:	block;
	position:	relative;
	float:		right;
	width:		624px;
	
	text-align:	right;
	background:	transparent;
	z-index:	0px;
	
	top:		0px;
	
	color:		#4D4D34;
}
	#mainWrapper #navSuppWrapper * { color: #4D4D34; }
	#mainWrapper #navSuppWrapper a { text-decoration: none; }
		#mainWrapper #navSuppWrapper a:hover { text-decoration: underline; }
	


#mainWrapper #siteinfoLegal {
	display:	block;
	float:		right;
	clear:		all;
	width:		624px;
	position:	relative;
	top:		0px;
	right:		0px;
	
	color: 		#5e5e45; /* #4D4D34 */
	
	text-align:	right;
	font-style:	italic;
	background:	transparent;
	
	padding-top:	4px;
}
	#mainWrapper #siteinfoLegal a { color: #5e5e45; text-decoration: none; }
		#mainWrapper #siteinfoLegal a:hover { color: #5e5e45; text-decoration: underline; }

#mainWrapper #paypal_footer {
	float:			left;
	padding-top:	0px;
	padding-bottom:	4px;
}


/*
**************************************************************
	Product Listing Pages (=index)
**************************************************************
*/

#mainWrapper #contentMainWrapper #navColumnOne { position: relative; vertical-align: top; }
#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper { position: relative; }

#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories { 
	position:		relative;
	background:		transparent;
	height:			570px;
	
	top:			10px;
	left:			8px;
	
	/* padding-top:		190px; */
	padding-left:		0px;
	
	width:			80px;
	
	text-align:		left;
	
	/* DEFAULT BACKGROUND: loo roll for bathroom wall */
	background:	url(../images/sidenav-loo_roll.jpg) no-repeat;	
}
	#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories h3.leftBoxHeading { display: none; }
	#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories br { display: none; }

	/* 2007-08-19: category home template overridden */
	#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories a.category-top { 
		display:		none;		
	}
	#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories a.category-top_category-subs-parent {
		display: 	block;
		height:		190px;
		width:		160px;
	} 
		#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories a.category-top_category-subs-parent span {
			display: none;
		}

	#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories hr { 
		display: 	block; 
		float:		left;
		
		margin-top:	10px;
		margin-bottom:	10px;
		
		width:		100px;
		height:		5px;
		
		margin-left:	48px;
	}
	
	#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories a {
		display:	block;
		float:		left;
		width:		130px;
		
		padding-left:	36px;
		padding-right:	0px;
		
		font-weight:	bold;
		font-family:	Arial, sansserif;
		font-size:	12px;
		
		margin-bottom:	7px;
	}
		#mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories a span.category-subs-selected {
			font-weight:	bold;
			font-family:	Arial, sansserif;
			font-size:	12px;	
			
			color:		red;
		}
	


	/*
		Specific Toilet Roll Backgrounds.
	*/

	body.category_65 #mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories {
		background:	url(../images/bathroom_wall/sidenav-loo_roll.jpg) no-repeat;
	}
	
	body.category_66 #mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories {
		background:	url(../images/backpage/sidenav-loo_roll.jpg) no-repeat;
	}

	body.category_67 #mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories {
		background:	url(../images/sleazy/sidenav-loo_roll.jpg) no-repeat;
	}
	
	body.category_68 #mainWrapper #contentMainWrapper #navColumnOne #navColumnOneWrapper #categories {
		background:	url(../images/pet_dictators/sidenav-loo_roll.jpg) no-repeat;
	}	
	
	
/*
**********************************************************
	Form Layouts
		#loginDefault
**********************************************************
*/

form {
}

form fieldset {
	margin-top:		5px;
	padding-bottom:	10px;
	border-color:	#222;
	/* border-style:	solid; */
}
	form fieldset:hover {
	}
	
	form fieldset legend {
		font-weight:	bold;
		font-size:		12px;
	}

form fieldset label.inputLabel,
form fieldset fieldset label.inputLabel,
#tellafriendBody label,
/* .category_65 > div #mainWrapper > table #contentMainWrapper > tbody > tr > td > div #tellAFriendDefault .centerColumn */
#contactUsForm label
 {
	display:		block;
	clear:			both;
	float:			left;
	width:			150px;
	height:			15px;
	vertical-align:	center;
	text-align:		right;
	padding-top:	4px;
}

form fieldset input[type='text'],
form fieldset fieldset input[type='text'],
form fieldset input[type='password'],
form fieldset fieldset input[type='password'],
form fieldset select,
form fieldset select,
form fieldset textarea
{
	width:			250px;
	margin-left:	5px;
	text-align:		left;
	
	margin-bottom:	2px;
}

input[type='radio'] {
	margin-bottom:	8px;
	float:			left;
}

label.radioButtonLabel {
	display:	block;
	float:		left;
	margin-top:	4px;
}
	#gender-male { clear: both; margin-left: 156px;} /* push over mr/mrs selector */
	
br.clearBoth { clear: both;}

/* ADDRESS CHANGE INFO */

#checkoutShipAddressDefault {
	background: green;
}

	address {
		margin-left:	50px;
		margin-top:		5px;
		margin-bottom:	15px;
	}
		#checkoutShipAddressDefault .moduleRowSelected *,
		#checkoutShipAddressDefault .moduleRow *
			{ font-style: italic; font-size: 12px; top: 5px;}

/*
html > body #shoppingcartBody .category_0 > div #mainWrapper > table #contentMainWrapper > 
tbody > tr > td > div #shoppingCartDefault .centerColumn > form > div .buttonRow forward > a > span 
.cssButtonHover button_checkout button_checkoutHover	
*/

.buttonRow {
	position:	relative;
	float:		right;
}
	.buttonRow input[type='image'] {
		display: none;
	}
	
a span.cssButton, a span.cssButtonHover {
	display:			block;
	background-color:	#333;
	border-width:		2px;
	border-style:		outset;
	border-color:		#555;
	height:				16px;
	overflow:			hidden;
	padding-top:		4px;
	margin-right:		4px;
}

/* with thanks: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
/*
div.buttonRow a {
    background: 	transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll bottom right;
    color: 			#333;
    display: 		block;
    float: 			left;
    font: 			normal 12px arial, sans-serif;
    height: 		24px;
    margin-right: 	6px;
    padding-right: 	18px;
    text-decoration: none;
	
	overflow:		hidden;
}

div.buttonRow a span {
    background: 	transparent url('../images/buttons/bg_button_span.gif') no-repeat 0px -24px;
    display: 		block;
    line-height: 	14px;
    padding: 		5px 0 5px 18px;
	color:			#333;
    font: 			normal 12px arial, sans-serif;

	height:			24px;
	overflow:		hidden;
}

div.buttonRow a:hover {
    background-position: top right;
    color: #000;
    outline: none;
}

div.buttonRow a:hover span {
   background-position: 0px 0px;
    // padding: 6px 0 4px 18px;
}
*/
	span.cssButton { color: #333; }


input[type="submit"] {
	height:		24px;
}


/*
****************************************************************************
	POPUP DEFINITIONS (note - no generic 'popup' class to help)
****************************************************************************
*/
#popupAtrribsQuantityPricesHelp,
#popupCouponHelp,
#popupCVVHelp,
#popupSearchHelp,
#popupShippingEstimator,
#infoShoppingCart {
	background:		#fff;
	padding:		10px;
}

#popupAtrribsQuantityPricesHelp h2,
#popupCouponHelp h2,
#popupCVVHelp h2,
#popupSearchHelp h2,
#popupShippingEstimator h2,
#infoShoppingCart h2 {
	margin-top:		20px;
	margin-bottom:	5px;
}

#popupAtrribsQuantityPricesHelp p,
#popupCouponHelp p,
#popupCVVHelp p,
#popupSearchHelp p,
#popupShippingEstimator p,
#infoShoppingCart p {
	margin-top:		5px;
	margin-bottom:	5px;
}

#popupAtrribsQuantityPricesHelp a,
#popupCouponHelp a,
#popupCVVHelp a,
#popupSearchHelp a,
#popupShippingEstimator a,
#infoShoppingCart a {
	text-decoration:	underline;
	font-weight:		bold;
}

	#popupAtrribsQuantityPricesHelp a span.cssButton,
	#popupCouponHelp a span.cssButton,
	#popupCVVHelp a span.cssButton,
	#popupSearchHelp a span.cssButton,
	#popupShippingEstimator a span.cssButton,
	#infoShoppingCart a span.cssButton {
		background-color:	#ccc;
	}

	#popupAtrribsQuantityPricesHelp a span.cssButtonHover,
	#popupCouponHelp a span.cssButtonHover,
	#popupCVVHelp a span.cssButtonHover,
	#popupSearchHelp a span.cssButtonHover,
	#popupShippingEstimator a span.cssButtonHover,
	#infoShoppingCart a span.cssButtonHover {
		background-color:	#eee;
	}
	
	div.estimate_shipping_intro {
		padding-bottom:	10px;
	}
	
	div.important {
		padding:	10px;
		text-align:	center;
		background:	#60B536;
		color:		#eee;
		margin:		5px;
		font-size:	12px;
	}

/*
**** Product Specials Pricing Formats ****
*/
span.normalprice {
	text-decoration: line-through;
}

span.productSpecialPrice {
	font-weight: bold;
}

span.productPriceDiscount {
	font-style:	italic;
	line-height:	18px;
}

#shoppingcartBody #mainWrapper #contentMainWrapper #shoppingCartDefault #cartInstructionsDisplay p.important
 {
	font-size:		14px;
	font-weight:	bold;
	color:			#c00;
	background:		#fff;
}




