/*	=====================================================
	LEFT AND RIGHT PROMOTION AND ADVERTISE CLASSES
	All promotion pages (starting with wb_product...) can be shown both in left and right column.
	Their basic styles are change by the id's leftPromotionBG and rightPromotionBG.
	_________________________________________________
	promoationGroup: Contains the total promotion
	promotionBG: Contains the total promotion exept the title at the top
	promotionContent: Contains the total promotion except the form for adding to shopping card at the bottom
	All other substyles (.details, .addForm) are common with all product pages
===================================================== */

#leftPromotionBG {
	clear:both; 
	}
#leftPromotionBG div.bg {}

#leftPromotionBG .promoationGroup {
	margin-bottom: 10px;
	}
#leftPromotionBG .promotionTitle {
	background: url('../imgPG/sx_color.png') left top repeat;
	padding-bottom: 6px;
	}
#leftPromotionBG .promotionTitle div {
	border-bottom: 1px solid #fff;
	}
#leftPromotionBG .promotionTitle span {
	background: url('../imgPG/sx_color.png') left top repeat;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 7px 2px;
	}

#leftPromotionBG .promotionBG {
	margin-bottom: 8px;
	}
#leftPromotionBG .promotionContent {
	}
#leftPromotionBG h3 {
	padding: 0 4px; text-align: center;
	}
#leftPromotionBG .details {
	background: #fff;
	margin-bottom: 0;
	text-align: center;
	}
#leftPromotionBG .addForm{
	background: url('../imgPG/sx_colorG.png') left top repeat;
	border: 1px solid #fff;
	margin-top: 0
	}

#leftPromotionBG .text{
	border: 0;
	padding: 4px;
	margin-top: 4px;
	background: #fff;
	border-top: 1px solid #eee;
	}


/*	RIGHT PROMOTION CLASSES
===================================================== */
#rightPromotionBG {
	clear:both; 
	}
#rightPromotionBG div.bg {}

#rightPromotionBG .promoationGroup {
	margin-bottom: 10px;
	}

#rightPromotionBG .promotionTitle {
	background: url('../imgPG/sx_color.png') left top repeat;
	padding-bottom: 6px;
	}
#rightPromotionBG .promotionTitle div {
	border-bottom: 1px solid #fff;
	}
#rightPromotionBG .promotionTitle span {
	background: url('../imgPG/sx_color.png') left top repeat;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 7px 2px;
	}

#rightPromotionBG .promotionBG {
	background: #fff;
	margin-bottom: 8px;
	}
#rightPromotionBG .promotionContent {
	}
#rightPromotionBG h3 {
	padding: 0 4px; text-align: center;
	}
#rightPromotionBG .details {
	background: #fff;
	margin-bottom: 0;
	text-align: center;
	}
#rightPromotionBG .addForm{
	background: url('../imgPG/sx_colorGray10.png') left top repeat;
	border: 1px solid #fff;
	margin-top: 0
	}

#rightPromotionBG .text{
	border: 0;
	padding: 4px;
	}

/*	MIDDLE PROMOTION CLASSES
===================================================== */
#middlePromotionBG {
	clear:both;
	display: table;
	table-layout:fixed;
	border-collapse: collapse; 
	width: 100%;
	margin-top: 20px;
}
#middlePromotionBG .contentBG {
	background: #fff;
	padding: 4px;
}

#middlePromotionBG .cellShared {
	display: table-cell;
	width: 50%;
	*float: left;
	*width: 48%;
	border-top: 4px solid #e5e5e5;
	border-left: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
}
#middlePromotionBG .cellShared:nth-child(2) {
	*float: right;
}

/* =============================================================
   ADVERTISES CLASSES
	============================================================= */
.adsLeft,
.adsRight {
	margin-top: 20px;
	text-align: center;
	margin-bottom: 10px;
}
.adsLeft img,
.adsRight img {
	margin: 2px auto;
}
.adsLeft .line,
.adsRight .line {
	display: none;
}

div.adsTitle {
	border-bottom: 2px solid #666;
	margin-bottom: 1px;
}
div.adsTitle div {
	font-weight:bold;
	padding: 5px 0; 
	color: #06b;
	font-size: 13px;
	}
.adsContent {
	border: 1px #dbdbdb solid;
	padding: 4px;
	background: transparent;
	margin-bottom: 12px;
}
.adsRight .adsContent {
	background: #ffffff;
}


/*
end 
*/