/* =====================================================
	CLASSES FOR CART, WISHES AND FIRST FIVE
===================================================== */
/* COMMON BG
=========================== */
.showBG {
	margin-bottom: 20px;
}

/* DIFFERENT BAR IDs - CAN BE USED FOR SEPARTE BAR STYLING
=========================== */
#wishesBar,
#fiveBar,
#cartBar {
	margin-bottom: 2px;
}

/* COMMON BAR ELEMENT STYLES
=========================== */
.divLeft img, 
.divRight img {/*spacer*/
	width: 36px;
	height: 28px;
}
.divLeft, 
.divRight {
	margin-top: 8px;
	background: #3399ff url('../imgPG/grad60WT40.png') repeat-x left bottom;
}
.divLeft {float: left;}
.divRight {float: right;}

.divMiddle {
	padding: 12px 0;
	font-size: 10pt;
	font-weight: bolD;
	text-align: center;
	color: #06d;
	border-bottom: 2px solid #06d;
}

/* BG IMAGES IN CART AND WISH BARS
=========================== */
#cartBar .divLeft {
	margin-top: 1px;
	background:  url('../imgPG/sx_sybCardC1.png') right center no-repeat;
margin-left: 1em;}
#wishesBar .divLeft {
	margin-top: 8px;
	background: #000 url('../imgPG/sx_sybWishesB1.png') right center no-repeat; 
}


/* OPEN/CLOSE CART AND WISH BARS LAYERS
=========================== */
span.closed {
	display: inline-block;
	cursor: pointer;
	background: url('../imgPG/sx_dotD32.png') center center no-repeat;
}
span.opened {
	display: inline-block;
	cursor: pointer;
	background: url('../imgPG/sx_dotD34.png') center center no-repeat; 
}


/* COMMON SHOW-HIDE IMAGE FUNCTIONS
=========================== */

/* COMMON SHOW CONTENT
=========================== */
.show {
	background: #e5e5e5;
	padding: 5px;
	border: 1px #d2d2d2 solid;
	margin-bottom: -1px;
	color: #000000;
text-align: center;
font-size: 16px;}
.show ul {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}
.show ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.show ul li a {
	display: block;
	margin: 0;
	padding: 2px 0 2px 14px;
	background: url('../imgPG/sx_dot2.png') left 1px no-repeat; 
}
.show ul li a:hover {
	background: url('../imgPG/sx_dot1.png') left 1px no-repeat; 
}
.show ul li span {
	color: #999; 
}
/* BG IMAGES IN SHOWS FOR LINKS TO WISHES TO REVIEW ORDER
=========================== */
.show .flotaRight img {
	height: 12px;
	width: 16px;
}
.showWishesBG .flotaRight {
	background: url('../imgPG/sx_dot1.png') center no-repeat; 
}
.showCurrentBG .flotaRight {
	background: url('../imgPG/sx_dot1.png') center no-repeat; 
}


/*	=====================================================
	Show cart on Top (when two cells are used)
========================= */
#showCartTopLinks {
	font-size: 13px; 
	font-weight: bold; 
	color: #257197; 
	padding: 0px;
margin-top: 1em;
border: 1px #eaeaea solid;
line-height: 1.5em;
text-align: center;
}
#showCartTopLinks img {
	width: 19px;
	height: 17px;
	}
#showCartTopLinks a {
	display: inline-block;
	background: url('../imgPG/sx_dotF1.png') center center no-repeat; 
	}
#showCartTopLinks a:hover {
	background: url('../imgPG/sx_dotF1.png') center center no-repeat; 
	}

#cartTop {
	font-size: 11px; 
	font-weight: bold; 
	padding: 2px;
	background: #000;
	color: #666;
	}
#cartTop a,
#cartTop img {
	display: inline-block;
	width: 19px;
	height: 17px;
}
.gotoImgBG {
	background: url('../imgPG/sx_sybCardBB1.png') center center no-repeat;
}
#showCartTop {
	position:absolute; right: 0; top: 32px; 
	display: none; 
	font-weight: normal;
	width: 100%;
	text-align: left; 
	color: #06a;
	padding: 8px 6px;
	background: #000;
	border: 1px solid #444;
	z-index: 10000;
}
#showCartTop div {
	padding: 2px 4px;
}
#showCartTop div a {
	padding-left: 12px;
	background: url('../imgPG/sx_dotC2.png') left top no-repeat;
}
#showCartTop div a:hover {
	background: url('../imgPG/sx_dotC1.png') left top no-repeat;
}
#showCartTop div span {
	color: #000;
}

/*
end 
*/