/* Product */

/* Product details */
#productDescription
{
	overflow: hidden;
	float: none;
	clear: both;
}
.recommend
{
	background: url(../images/custom/hr.gif) repeat-x;
	margin: 20px 20px 0 20px;
	padding: 10px 0;
	overflow: hidden;
	float: none;
	clear: both;
}
	.recommend h4
	{
		background: url(../images/custom/we-also-recommend.gif) no-repeat;
		display: block;
		height:12px;
		weight: 123px;
		overflow: hidden;
		text-indent: -9999px;
	}
#col21
{
	width: 232px;
	float: left;
	padding: 10px 0 20px 0;
	margin: 20px 19px 0 19px;
	overflow: hidden;
	display: inline;
	background: url(../images/custom/col21-bg.gif) repeat-y top right;
	/*height: auto !important;
	height: 400px;
	min-height: 400px;*/
}
#col21 p
{
	font-size: .916em;
	color: #999;
	padding: 0;
	margin: 5px 0 0 0;
}
#col22
{
	padding: 20px 0 5px 0;
	margin: 20px 0 0 20px;
	float: left;
	width: 400px;
}

#productDescription .meta
{

}
.text
{
	margin: 0 0 0 0;
}
#colours
{
	background: url(../images/custom/hr.gif) left top repeat-x;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
}
#colours h4
{
	width: 88px;
	height: 12px;
	background: url(../images/custom/also-in-colours.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px 0;
}
#colours a
{
	width: 39px;
	height: 39px;
	background: url(../images/custom/alt-color.gif) no-repeat;
	padding: 1px 0 0 1px;
	display: inline;
	float: left;
}
#productDescription .productBuy, #productDescription .productPrice, .product .productPrice
{
	margin: 5px 0 0 0;
	font-size: .816em;
	font-weight: bold;
}
#productDescription .productBuy
{
	float: none;
	clear: both;
	width: 150px;
	border-bottom: 1px solid #e1e1e1;
	padding: 0 0 5px 0;
}
#productDescription .variations
{
	width: 150px;
	float: none;
	clear: both;
	margin: 10px 0 0 0;
	font-size: .916em;
}
#productDescription .variations select
{
	display: block;
	margin: 0 0 5px 0;
}
#productDescription .productBuy .submit
{
	background: url(../images/common/button_order.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 16px;
	width: 52px;
	float: left;
	border: 0;
	cursor: pointer;
	margin: 2px 0 0 10px;
}
#productDescription .productAmount
{
	width: 30px;
	float: left;
	text-align: center;
}
#productDescription .productBack
{
	padding: 10px 10px;
	margin: 10px 10px;
	font-size: .916em;
	float: left;
	clear: both;
	width: 200px;
	display: block;
}
/* Shopping Cart */
#shoppingCart
{
	width: 200px;
	font-size: .916em;
	margin: 17px 10px 0 0;
	float: right;
}
	/*label
	{
		font-weight: bold !important;
	}*/
	#shoppingCart a
	{
		color: black;
	}
#shoppingCart #nav #details
{
	float: left;
}
#shoppingCart #nav #checkout
{
	float: right;
}
#shoppingCart #nav #condition
{
	display: none;
}
#cart, #nav
{
	width: 200px;
}
#nav
{
}
#cart .select
{
	width: 200px;
	margin: 0 0 6px 0;
}
#cart label
{
	font-weight: bold;
}

.currentPrice
{
	display: none;
}

/* Navigation */

#productNav
{
	margin: 0 0 15px 0;
}
.productMenu
{
	width: 186px;
	margin: 0;
	padding: 0;
}
.productMenu .productMenu
{
	width: 166px;
	margin: 0;
	padding: 0;
}
.productMenu li
{
	border-bottom: 1px solid #d5d5d5;
	list-style: none;
	padding: 8px 0;
	margin: 0 0 0 2px;
}
.productMenu li a
{
	font-weight: normal !important;
}
.productMenu li ul li
{
	border-bottom: 0px solid #d5d5d5;
	list-style: none;
	padding: 2px 0;
	margin: 0 0 0 2px;
}
.productMenu li a.leftMenu
{
	background: url(../images/common/nav_arrow_black.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
	display: inline-block;
	color: #5c5c5c;
	font-size: .816em;
	font: Verdana;
}
.productMenu li a.leftMenuSelected
{
	background: url(../images/common/nav_arrow_blue.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
	display: inline-block;
	color: #5c5c5c;
	font-size: .816em;
	font: Verdana;
}
.productMenu li ul li a.leftMenu
{
	background: url(../images/common/nav_arrow_grey.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
	display: inline-block;
	color: #5c5c5c;
	font-size: .816em;
	font: Verdana;
}
.productMenu li ul li a.leftMenuSelected
{
	background: url(../images/common/nav_arrow_blue.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
	display: inline-block;
	color: #5c5c5c;
	font-size: .816em;
	font: Verdana;
}


/* Product search */
#productSearch
{
	margin: 0 12px;
}
#productSearchString
{
	font-size: .916em;
}
#productSearch .submit
{
	background: url(../images/common/arrow.gif) no-repeat;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	position: relative;
	top: 2px;
}


/* Product listing */
.productPage #mainContainer2
{
	padding: 0;
}
#mainContainer2 h1
{
	display: block;
	height: 20px;
	background: url(../images/custom/productlist_h1.gif) repeat-x;
	padding: 5px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
	text-transform:uppercase;
	color: #fff;
	border: none;
}
#productCatDesc h1, #productDescription h1
{
	width: 100%;
	margin: 0 0 10px 0;
}


#productDescription h2
{
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 .5em 0;
	color:#00aeef;
	display: block;
	padding: 0 0 2px 0;	
}
#productListContainer h1 #numberOfProds
{
	display: none;
}
.product .productDeliveryTime, .product .productBuy, .product .productEnlarge
{
	display: none;
}
#productCatDesc
{
	margin: 0 0 20px 0;
}
#products
{
	background: url(../images/custom/products_hr.gif) repeat-y;
	height: auto !important;
	height: 271px;
	min-height: 271px;
	float: none;
	clear: both;
}
.productBack
{
	float: none;
	clear: both;
	margin: 20px;
}
/* Product node */

.product
{
	float: left;
	display: inline;
	width: 214px;
	height: 250px;
	margin: 0 18px 20px 18px;
	padding: 1px 0 0 0;
	overflow: hidden;
}
	.product h2
	{
		color: #00aeef;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1em;
		margin: 6px 0 0 0;
		padding: 0;
		height: 15px;
		display: block;
		float: none;
		clear: both;
	}
	.product h2 a
	{
		color: #00aeef !important;
	}
	.product h2 a:hover {color: #666666 !important;}
	.product p
	{
		display: block;
		margin: 0;
	}
	.productContent
	{
		/*height: auto !important;
		height: 250px;
		min-height: 250px;*/
		width: 210px;
	}
	.thumbnail
	{
		padding: 0 0 5px 0;
		overflow: hidden;
		
	}
	.thumbnail a
	{
		width: 150px;
		height: 150px;
		margin: 0 14px 0 30px;
		display: inline;
		float: left;
		text-align: center;
	}
	.thumbnail img
	{
		margin: 0 auto;
		height: 150px;
	}
	.productStartpage .thumbnail
	{
		height: 237px;
	}
	.productStartpage .thumbnail img
	{
		height: 232px;
		width: 210px;
	}
	#thumbnail
	{
		width: 210px;
		text-align: center;
		background: url(../images/custom/hr.gif) left bottom repeat-x;
		padding: 0 0 20px 0;
		/*border: 1px solid #a4a4a4;
		padding: 3px;*/
		position: relative;
	}
	#thumbnail img
	{
		display: block;
	}
	#thumbnail .zoom
	{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/globals/themes/betterbodies/images/custom/zoom.png');
		width: 22px;
		height: 22px;
		position: absolute;
		bottom: 10px;
		right: 1px;
	}
	#thumbnail[id] .zoom
	{
		background: url(../images/custom/zoom.png) right bottom no-repeat;
		filter:none !important;
	}
	.imgMissing
	{
		background: url(../images/custom/img-missing.gif) center no-repeat;
		height: 150px;
	}
	.relatedProducts
	{
		float: left;
		display: block;
		width: 130px;
	}
	.product h4
	{
		margin: .2em 0 .3em 0;
	}
	.productMoreInfo
	{
		background-image: url(../images/common/more-info.gif);
		background-repeat: no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		height: 24px;
		width: 95px;
		float: right;
		margin: 10px 0 0 0;
	}
		.productMoreInfo:hover
		{
			background-position: 0 -24px;
		}
	.noRelatedProducts
	{
		display: block;
		height: 20px;
	}
	.productStartpage .productMoreInfo
	{
		background: url(../images/custom/button-to-the-products.gif) no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		height: 24px;
		width: 129px;
		float: right;
		margin: 0;
	}
	#productCatDesc p
	{
		display: none;
		/*display: block;*/
		padding: 5px 0 0 0;
		font-size: .916em;
		width: 250px;
		margin: 0 0 10px 250px;
		text-align: left;
		color: black;
		border: none;
	}
/* Pagination */
#paginationContainer
{
	text-align: center;
	padding: 10px 0 0 0;
	width: 750px;
	float: left;
}
#paginationContent
{
	width: 200px;
	margin: 0 auto;
	float: none;
	clear: both;
}
span#paginationPrevious, a#paginationPrevious
{
	display: block;
	margin: 4px 10px 0 0;
	background: url(../images/custom/pagination.gif) 0 -4px no-repeat;
	width: 12px;
	height: 13px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
span#paginationPrevious
{
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	opacity:.80;
}

span#paginationNext, a#paginationNext
{
	display: block;
	margin: 4px 0 0 10px;
	background: url(../images/custom/pagination.gif) -33px -4px no-repeat;
	width: 12px;
	height: 13px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	
}
span#paginationNext
{
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	opacity:.80;
}

#pagination
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#pagination li
{
	list-style: none;
	display: inline;
	width: 21px;
	height: 21px;
	float: left;
	text-align: center;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 0 2px;
	background: url(../images/custom/pagination.gif) -12px 0 no-repeat;
	color: white;
}
#pagination li a
{
	color: white;
	background: url(../images/custom/circle.gif) no-repeat;
	display: inline;
	width: 21px;
	height: 18px;
	float: left;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
}



/* Forgot password */
.forgotPassword
{
	margin: 10px 0 0 0;
	cursor: pointer;
}
#forgotpass
{
	margin: 15px 0 0 0;
}
#forgotPwdSubmit
{
	margin: 5px 0 0 0;
}



/* User update */
#userUpdateInfo
{
	background: url(../images/custom/user-update.jpg) no-repeat;
	padding: 354px 0 0 0;
	width: 760px;
}

#userUpdateInfo ul
{
	margin: 0;
	padding: 0;
	width: 400px;
}
#userUpdateInfo input, #userUpdateInfo select
{
	margin: 0 0 5px 0;
}
#userUpdateInfo li
{
	list-style: none;
}
#userUpdateInfo label, #userUpdateInfo select
{
	display: block;
}
#userUpdateInfo .left, #userUpdateInfo .right
{
	float: left;
	width: 200px;
}
#categoryPresentation
{
	width: 660px;
	height: 128px;
	background: url(../images/custom/category_bg.gif) no-repeat;
	padding: 30px 50px;
}


/* Capagin products */
.campaginProduct a
{
	background: url(../images/common/button_info-order.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 16px;
	float: left;
	cursor: pointer;
	margin: 2px 0 0 0;
	width: 77px;
}

/* NEWSLETTER */

#newsletterSubscribe
{
	width: 214px;
	float: left;
	background: url(../images/custom/newsletter-bg.jpg) no-repeat;
	padding: 0 20px 0 420px;
	height: auto !important;
	height: 498px;
	min-height: 498px;
}
#subscribeHeadline
{
		display: block;
		height: 20px;
		background: url(../images/custom/productlist_h1.gif) repeat-x;
		padding: 5px 0 0 0;
		font-size: 1.1em;
		font-weight: bold;
		width: 250px;
		margin: 0 0 10px 0;
		text-align: center;
		text-transform:uppercase;
		color: #fff;
		border: none;
}
ul#subscriberData
{
	width: 300px;
	height: auto !important; 
	height: 100px;
	margin: 20px 0 0 0; 
	min-height: 100px;
	list-style-type: none;
	padding: 0;
}
ul#subscriptionType, ul#cancelSubscription
{
	width: 300px;
	list-style-type: none;
	padding: 0;
}
#emailSubscribeSubmit, #unSubscribeSubmit
{
	width: 300px;	
}
ul#subscriberData .input
{
	display: block; float: left; padding: 3px 5px 0 0;
}
#emailSubscribeSubmit input
{
	background: url(../images/custom/button-subscribe.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 24px;
	width: 85px;
	float: left;
	border: none;
	cursor: pointer;
}
#protectedLoginVertical
{
	list-style-type: none;
	width: 150px;
	margin: 0;
	padding: 0;
}
#protectedLogin
{
	display: block;
	float: left;
	padding: 0 20px 20px 80px;
	width: 157px;
}
#protectedLogin .submit
{
		background: url(../images/custom/button-login.gif) no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		height: 24px;
		width: 58px;
		border: none;
		float: right;
}
#protectedLogin input
{
	width: 150px;
	height: 15px;
}
.prodImgLeft
{
	width: 208px;
	height: auto;
}
.thumbnail a:hover
{
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	opacity:.80;
}
.thumbnailDetails
{
	overflow: hidden;
	width: 232px;
	margin: 10px 0 0 0;
}
.thumbnailDetails a
{
	display: inline;
	float: left;
	margin: 5px 6px 0 0;
	width: 60px;
	height: 60px;
	overflow: hidden;
	position: relative;
}
.thumbnailDetails .zoom
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/globals/themes/betterbodies/images/custom/zoom2.png');
	bottom:1px;
	height:16px;
	position:absolute;
	right:1px;
	width:16px;
}
.thumbnailDetails[class] .zoom
{
	background:transparent url(../images/custom/zoom2.png) no-repeat;
	filter:none !important;
}
.prodImgDetailLeft
{
	height: 60px;
	width: 60px;
}

#customFormContainer
{
	width: 449px;
	padding: 0 20px 0 286px;
	float: left;
	background: url(../images/custom/product-feedback-bg.jpg) no-repeat;
	height: auto !important;
	height: 498px;
	min-height: 498px;
}
#customFormContainer input
{
	width: 300px;
	display: block;
	clear: both;
}
#customFormContainer textarea
{
	width: 300px;
	height: 100px;
	display: block;
	clear: both;
}
#customFormContainer label
{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	padding: 6px 0 3px 0;
}
#customFormContainer .submit
{
	background: url(../images/custom/button-send.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 24px;
	width: 50px;
	border: none;
	cursor: pointer;
	margin: 5px 0 0 260px;
}
.measureTable
{
	font-size: .816em;
}
.measureTable h2
{
	text-transform: uppercase;
	color:#00aeef;
	font-size: 1.4em !important; 
	margin: 1em 0 .2em 0;
}

.productD
{
	display: block;
	float: left;
	padding: 60px 20px 20px 30px;
	color: #fff;
	width: 278px;
	height: 269px;
	overflow: hidden;
}

.article
{
	margin: 0 0 20px 0;
	padding: 0 0 44px 0;
	border-bottom: 1px solid #D5D5D5;
}
.article h2
{
	margin: 0 0 .2em 0;
}
.article .date
{
	font-size: 94%;
	color: #ccc;
}
	.articleReadMore
	{
		background-image: url(../images/common/read-more.gif);
		background-repeat: no-repeat;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		height: 24px;
		width: 99px;
		float: right;
		margin: 0 0 0 0;
		clear: both;
	}
		.articleReadMore:hover
		{
			background-position: 0;
		}

.thumbnail a
{
	float: left;
}
.thumbnail .relatedProducts
{
	width: 16px;
	float: right;
	margin: 20px 0 0 0;
}
.thumbnail .relatedProducts a
{
	width: 16px;
	height: 16px;
	margin: 0 0 5px 0;
}
.relatedProducts a
{
	display: block;
}
.relatedProducts a img
{
	width: 14px;
	height: 14px;
	border: 1px solid #7e7e7e;
}