/*
******************************************************************

	product_info.css
	
	BathroomWall.co.uk
	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
	2008-01-26

	
******************************************************************
*/

/* IEPNGFIX * to cover div, img, h2, h3 */
* { behavior: url(/iepngfix/iepngfix.htc); }

#mainWrapper #contentMainWrapper div.centerColumn {
	position:		relative;
	width:			680px;
	padding:		0px;
	
	top:			0px;
	left:			0px;
	
	background:		transparent;
	
}
	*html #mainWrapper #contentMainWrapper div.centerColumn {
		background:	transparent;
	}
	
	#mainWrapper #contentMainWrapper div.centerColumn * { color:		#000000; }
	
#mainWrapper #contentMainWrapper #productGeneral {
	width:			689px;
	
	margin-top:		2px;
	margin-left:	5px;
	
	text-align:		right;
	
	padding-bottom:	50px;
}

	#productGeneral form br.clearBoth { display: none; }

/*
*****************************************
	Left column
*****************************************
*/

#productGeneral form #productMainImage {
	position:	relative;
	display:	block;
	float:		left;
	width:		325px;
	height:		325px;
	
	margin-top: 6px;
	left:		16px;
	/*
	margin-left:	16px;
	*/
}
	#productGeneral form #productMainImage a img {
		width:	325px;
		height:	325px;
	}


/*
*****************************************
	Right column
*****************************************
*/

#mainWrapper #contentMainWrapper #productGeneral form #productName,
#mainWrapper #contentMainWrapper #productGeneral form #productPrices,   
#mainWrapper #contentMainWrapper #productGeneral form #productDescription,
#mainWrapper #contentMainWrapper #productGeneral form #socialize
{
		float:			right;
		background:		url(../images/background-shade.png) repeat;

		width:			330px;
		padding-left:	8px;
		padding-right:	8px;

		color:			#fff;
}
	*html #mainWrapper #contentMainWrapper #productGeneral form #productName,
	*html #mainWrapper #contentMainWrapper #productGeneral form #productPrices,   
	*html #mainWrapper #contentMainWrapper #productGeneral form #productDescription,
	*html #mainWrapper #contentMainWrapper #productGeneral form #socialize	
	{
		background:		url(../images/background-shade-1250.png) no-repeat;
	}
	
#productGeneral form #productName { 
	padding-top: 	8px; 	
	height:			78px; 
	color: 			#fff;
}
#productGeneral form #productPrices { 
	padding-bottom: 10px;
}

#productGeneral form #productDescription {
	height:			170px;
	
	font-size:		12px;
	font-weight:	normal;
}

#productGeneral form #productDetailsList {
	display:	none;
}

div.productGeneral { color: #fff;}

/*
***** SOCIALIZE CSS ******
*/

#mainWrapper #contentMainWrapper #productGeneral #socialize {
	text-align:		right;
	padding-bottom:	4px;
}
	#mainWrapper #contentMainWrapper #productGeneral #socialize h3 {
		color:			#fff;
		text-transform: uppercase;
		padding-bottom:	2px;
	}
	
	#socialize ul { display: block; clear: both; text-align: right; float: right;}
	#socialize ul li { 
			background: 	transparent; 
			display: 		block; 
			float: 			left; 
			list-style: 	none; 
			padding: 		0px; 
			margin: 		0px;
			padding-right: 	2px;
			width:			16px;
			height:			16px;
			/* overflow:		hidden; */
			}
	#socialize ul li a { display: block; width: 16px; height: 16px; padding: 0px; margin: 0px; }		
			*html #socialize ul li a { margin-left:	-8px; }

	#socialize ul li a img { display: block; width: 16px; height: 16px; padding: 0px; margin: 0px;}
	#socialize ul li a span.name { display: none; }
	
/*
*****************************************
	Product Attributes
*****************************************
*/


#productGeneral form #productAttributes {
	position:	relative;
	clear:		both;
	
	padding-right: 8px;
}

#productGeneral form #productAttributes #attribsOptionsText {
	position:	relative;
	float:		right;
	
	font-size:	14px;
	font-weight:	bold;
	text-transform:	uppercase;
	
	margin-top:	5px;
}

#productGeneral form #productAttributes div.wrapperAttribsOptions {
	position:	relative;
}
	#productGeneral form #productAttributes div.wrapperAttribsOptions h4 {
		display:	none;
	}
	#productGeneral form #productAttributes div.wrapperAttribsOptions div.back {
		float:		right;
		clear:		right;
	}
		#productGeneral form #productAttributes div.wrapperAttribsOptions div.back select { 
			width: 		200px;
			margin-top:	5px;
		}

#productGeneral form #productAttributes div.attributeImages {
	position:	relative;
	float:		left;
	width:		345px;
	
	top:		-20px;
}

#productGeneral form #productAttributes div.attributeImages div.attribImg {
	position:	relative;
	float:		left;
	width:		110px;
	padding-right:	5px;
}
	#productGeneral form #productAttributes div.attributeImages div.attribImg br,
	#productGeneral form #productAttributes div.attributeImages div.attribImg span { display: none; }

#productGeneral form #productAttributes attribImg h4.optionName {
	float:	right;
}

#productGeneral form #productAttributes attribImg {
	background:	#bbbbbb;
	float:		left;
}


/*
*********************************
	end of page
*********************************
*/

#productGeneral form #cartAdd {
	clear:		right;
	float:		right;
	width:		300px;
	margin-top:	5px;
	
	padding-right: 8px;
}
	#productGeneral form #cartAdd span { display: none; }
	#productGeneral form #cartAdd br { display: none; }
	#productGeneral form #cartAdd input { margin-left:	5px; }
	#productGeneral form #cartAdd input { width: 20px; text-align: center; }

#productGeneral form  div.navNextPrevWrapper { 
	display:	none;
	clear:		right; 
	position:	relative;
	float:		right;

	margin-top:	20px;
	width:		200px;
}
	#productGeneral form  div.navNextPrevWrapper div.navNextPrevList { display: inline; }

#mainWrapper #contentMainWrapper #productGeneral #productTellFriendLink 
/*
.buttonRow forward 
> a > span .cssButtonHover button_TellAFriend button_TellAFriendHover
#productGeneral form  #productTellFriendLink */
{
	clear:		right; 
	text-align:	center;
	float:		right;
	margin-top:	4px;
	padding:	4px;
}
	#mainWrapper #contentMainWrapper #productGeneral #productTellFriendLink a span {
		font-size:		12px;
		font-weight:	bold;
		background:		#E40202;
		color:			#FFFFFF;
	}
		#mainWrapper #contentMainWrapper #productGeneral #productTellFriendLink a:hover span {
			color:		#E40202;
			background:			#FFFFFF;
		}

#productGeneral form  #productReviewLink {
	display:	none;
	clear:		right; 
	position:	relative;
	float:		right;
}

#productGeneral form  #productDateAdded {
	display:	none;
}

/*
****** tell a friend : set on right side ******
*/
#mainWrapper #contentMainWrapper #navColumnTwo { vertical-align: top; width:	150px;}
#mainWrapper #contentMainWrapper #tellafriend {
	background: 	yellow;
	width:			150px;
}
	#mainWrapper #contentMainWrapper #tellafriend h3 {
		font-size:		12px;
	}
	
/* > tbody > tr > td #navColumnTwo .columnRight > div #navColumnTwoWrapper > div */ 


/*
*********** Additional Images : *********
*/

#mainWrapper #contentMainWrapper #productAdditionalImages {
	clear:		left;
	float:		left;
	width:		345px;
	
	padding:	0px;
}
	#mainWrapper #contentMainWrapper #productAdditionalImages div {
		width:	345px; /* 115px */
		padding-bottom:	4px;
		float: 	left;
	}

/*
************* Cross Sell CSS ****************
*/
/*
html > body #productinfoBody .category_65 > div #mainWrapper > table #contentMainWrapper > tbody > tr > td > div #crossSell .centerBoxWrapper > div .columnar_display > div .centerBoxContentsCrossSell centeredContent back > a > img
*/

#crossSell {
	display:	block;
	
	position:	absolute;
	top:		1px; /* 0px? */
	right:		0px;

	width:		105px; /* 105px 108px 115px */
	overflow:	hidden;
	
	margin-left: -4px; /* to align image cells -4px */
}
	#crossSell h2 { display: none; }
	#crossSell br { display: none; }

	#crossSell div.centerBoxContentsCrossSell a.text_link,
	#crossSell div.centerBoxContentsCrossSell br { display: none; }

	/* Works in Firefox, not in IE7 */
	#crossSell div.centerBoxContentsCrossSell a.image_link img {
		margin-left: 0px; /* -118px; */
	}
			#crossSell div.centerBoxContentsCrossSell a.image_link:hover img { margin-left: -118px; /* 0px; */ } 
			
/* adjustments up one pixel for non-BW categories */
body.category_66 #crossSell,
body.category_67 #crossSell,
body.category_68 #crossSell
 { top: 0px; padding-top: 0px;}

	body.category_66 #crossSell  div.columnar_display,
	body.category_67 #crossSell  div.columnar_display,	
	body.category_68 #crossSell  div.columnar_display { margin-top: -1px; }