/* ###################################################### 
	2easy.gr RIGHT CLASSES
	###################################################### */


/* =====================================================
	RIGHT Menu CLASSES
	===================================================== */

#rightMenuBG {
	background: #fff;
	padding: 1px 1px 20px 0;
	}

/*	Links within all three bars bellow
	============*/
#rightMenuBG div.rightLinksBG a {
	display: block;
	background: url('../imgPG/sx_line.gif') 2px 7px no-repeat;
	padding: 3px 2px 3px 15px;
	color: #069;
	line-height: 100%;
	}
#rightMenuBG div.rightLinksBG a:hover {
	background: url('../imgPG/sx_lineRev.gif') 2px 7px no-repeat;
	color: #e03;
	}

/*	ALL BARS
	============*/
#wishesBar, #cartBar, #fiveBar {
	background: url('../imgPG/sx_header1.gif') left bottom repeat; 
	clear: both;
	margin-bottom: 1px;
	font-weight: bold;
	}

.rightTotals {
	padding: 6px 2px; 
	font-size: 10px; 
	color: #000;
	}

/*	CART BAR
	============*/
#cartBar {
	height: 1%;
	padding-bottom: 5px;
	}
#cartBar .divLeft {
	float: left; 
	width: 18px; 
	}
#cartBar .divMiddle {
	margin: 0 18px; 
	padding: 4px 1px; 
	text-align: center;

	border-top: 0;
	color: #069;
	background: url('../imgPG/sx_colorRev1.gif') left bottom repeat;
border-bottom: 5px #eeeeee solid;}
#cartBar .divRight {
	position: relative;
	float: right;
	text-align: center; 
	width: 18px;
	padding-top: 10px;
	}

#showCart {
	padding: 5px 1px;
	background: url('../imgPG/sx_color20.gif') left top repeat;
	}

/*	WISHES BAR
	============*/
#wishesBar {
	height: 1%;
	padding-bottom: 5px;
	}
#wishesBar .divLeft {
	float: left; 
	width: 18px; 
	}
#wishesBar .divMiddle {
	margin: 0 18px; 
	padding: 4px 1px; 
	text-align: center;
	border: 1px solid #fff;
	border-top: 0;
	color: #069;
	background: #fff;
border-bottom: 5px #eeeeee solid;}
#wishesBar .divRight {
	float: right;
	text-align: center; 
	width: 18px;
	padding-top: 10px;
	}
#showWishes {
	padding: 5px 1px;
	background: url('../imgPG/sx_color20.gif') left top repeat; 
	}

/*	FIRST FIVE BAR
	============*/
#fiveBar {
	height: 1%;
	padding-bottom: 5px;
	}
#fiveBar .divLeft {
	float: left; 
	width: 18px; 
	}
#fiveBar .divMiddle {
	margin: 0 18px; 
	padding: 4px 1px; 
	text-align: center;
	border: 1px #eeeeee none;
	border-top: 0;
	color: #069;
	background: #fff;
border-bottom: 5px #eeeeee solid;}
#fiveBar .divRight {
	position: relative;
	float: right;
	text-align: center; 
	width: 18px;
	padding-top: 10px;
	}

#showFive {
	padding: 5px 1px;
	background: url('../imgPG/sx_color201.gif') left top repeat; 
	}


/*	RIGHT PROMOTION CLASSES
===================================================== */

#rightPromotionBG {
	clear:both; 
	margin-bottom: 30px;
	}
#rightPromotionBG div.bg {
	}

#rightPromotionBG .promoationGroup {
	margin-bottom: 20px;
margin-right: 5px;}

#rightPromotionBG .promotionTitle {
	background: url('../imgPG/sx_header1.gif') left center repeat-x; 
	padding-bottom: 4px;
	margin-bottom: 10px;
	}
#rightPromotionBG .promotionTitle div {
	background: url('../imgPG/sx_header1.gif') left bottom repeat-x; 
	border-bottom: 5px solid #eeeeee;
	padding-bottom: 1px;
border-top: 5px #eeeeee solid;}
#rightPromotionBG .promotionTitle span {
	display: block;
	background: #fff; 
	color: #069;
	font-weight: bold;
	text-align: center;
	padding: 5px 3px;
	}

#rightPromotionBG .promotionBG {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #abc;
	}

#rightPromotionBG .promationDetails {
	clear: both;
	background: url('../imgPG/sx_colorShopCart.png') left top repeat;
border: 1px #eeeeee solid;}
#rightPromotionBG .promationDetails select {vertical-align: middle; margin: 1px 5px 1px 0;}
#rightPromotionBG .promationDetails table {padding: 2px 0;}


/*
end 
*/