/*
- these stylesheet is only for fancy styling, sometimes temporarely
*/

 /* ANIMATED BOXES css controls */

.jsButton, .jsTrigger { cursor: pointer; }
.animBox {
  position: relative;
  overflow: hidden;
	white-space: nowrap;
  margin: 0;
  padding: 0;
}
.animBoxDropover {
  position: absolute;
	visibility: hidden;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#btn_animBoxCart { width: 400px; }
#animBoxCart {
	border: #7f7f7f solid 1px;
	background-color: #efefef;
	width: 400px;
	z-index: 999;
}
.animBoxCartImage { }
.animBoxCartContent {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #7f7f7f;
}
.animBoxCartContent A:link, .animBoxCartContent A:active, .animBoxCartContent A:visited {
	color: #dd2a00;
	text-decoration: underline;
}
.animBoxCartContent A:hover {
	text-decoration: none;
	color: #828282;
}
.animBoxCartName, .animBoxCartName A:link, .animBoxCartName A:active, .animBoxCartName A:visited  {
	font-weight: bold;
	color: #dd2a00;
	text-decoration: none;
}
.animBoxCartName A:hover {
	font-weight: bold;
	color: #828282;
	text-decoration: underline;
}
.animBoxCartLink, .animBoxCartLink A:link, .animBoxCartLink A:active, .animBoxCartLink A:visited  {
	font-weight: bold;
	color: #bb55b8;
	text-decoration: none;
}
.animBoxCartLink A:hover {
	font-weight: bold;
	color: #828282;
	text-decoration: underline;
}
.animBoxCartTotal, .animBoxCartLink {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000001;
}
.animBoxCartLink { border-bottom: #7f7f7f solid 1px; }
.animBoxCartTotal { border-top: #7f7f7f solid 1px; }
.animBoxCartNotice {
	padding: 5px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #7f7f7f;
}