/****** begin HPE shopping cart CSS (shopping-cart.css) ******/

/* HPE shopping cart icon */
a.hpui-shopping-cart-icon,
div.hpui-shopping-cart-icon,
span.hpui-shopping-cart-icon {
	background-image: url('../images/shopping_cart_icons.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 35px;
	width: 36px;
	display: inline-block;
	position: relative;
}
a.hpui-shopping-cart-icon:hover,
div.hpui-shopping-cart-icon:hover,
span.hpui-shopping-cart-icon:hover {
	background-position: 0 -170px;
}
a.hpui-shopping-cart-icon-focus,
div.hpui-shopping-cart-icon-focus,
span.hpui-shopping-cart-icon-focus {
	background-position: 0 -170px;
}
div.hpui-shopping-cart-icon[onclick]:hover,
span.hpui-shopping-cart-icon[onclick]:hover {
	cursor: pointer;
}
a.hpui-shopping-cart-icon[disabled],
div.hpui-shopping-cart-icon[disabled],
span.hpui-shopping-cart-icon[disabled] {
	background-position: 0 -85px;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
div.hpui-shopping-cart-icon[disabled]:hover,
span.hpui-shopping-cart-icon[disabled]:hover {
	cursor: default;
}

/* HPE shopping cart wide-counter icon */
a.hpui-shopping-cart-icon .hpui-wide-counter,
div.hpui-shopping-cart-icon .hpui-wide-counter,
span.hpui-shopping-cart-icon .hpui-wide-counter {
	background-image: url('../images/shopping_cart_icons.png');
	background-repeat: no-repeat;
	background-position: 0 -469px;
	font-size: 14px !important;
	line-height: 21px !important;
	text-align: center;
	color: #FFFFFF !important;
	height: 22px;
	width: 26px;
	position: absolute;
	right: 4px;
	top: -6px;
	z-index: 2;
}
a.hpui-shopping-cart-icon[disabled] .hpui-wide-counter,
div.hpui-shopping-cart-icon[disabled] .hpui-wide-counter,
span.hpui-shopping-cart-icon[disabled] .hpui-wide-counter {
	background-position: 0 -397px;
}

/* HPE shopping cart normal-counter icon */
a.hpui-shopping-cart-icon .hpui-counter,
div.hpui-shopping-cart-icon .hpui-counter,
span.hpui-shopping-cart-icon .hpui-counter {
	background-image: url('../images/shopping_cart_icons.png');
	background-repeat: no-repeat;
	background-position: 0 -326px;
	font-size: 14px !important;
	line-height: 21px !important;
	text-align: center;
	color: #FFFFFF !important;
	height: 21px;
	width: 22px;
	position: absolute;
	right: 6px;
	top: -6px;
	z-index: 2;
}
a.hpui-shopping-cart-icon[disabled] .hpui-counter,
div.hpui-shopping-cart-icon[disabled] .hpui-counter,
span.hpui-shopping-cart-icon[disabled] .hpui-counter {
	background-position: 0 -255px;
}

/* HPE mini shopping cart */
table.hpui-mini-shopping-cart-table {
	border: 0px;
	background-color: #FFFFFF;
	padding: 20px 40px 40px 40px;
	max-width: 675px;
}
table.hpui-mini-shopping-cart-table tr th {
	font-family: "Metric", Arial, sans-serif;
	font-weight: 600;
	font-stretch: condensed;
	color: #333333;
	font-size: 18px;
	line-height: 22px;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 18px;
	padding-left: 30px;
}
table.hpui-mini-shopping-cart-table tr td {
	font-family: "Metric", Arial, sans-serif;
	font-weight: normal;
	font-stretch: condensed;
	color: #333333;
	font-size: 16px;
	line-height: 18px;
	text-align: right;
	vertical-align: top;
	padding-bottom: 18px;
	padding-left: 30px;
}
table.hpui-mini-shopping-cart-table tr th:first-child,
table.hpui-mini-shopping-cart-table tr td:first-child {
	text-align: left;
	padding-left: 0px;
	max-width: 305px;
	min-width: 200px;
}
table.hpui-mini-shopping-cart-table tr th[colspan],
table.hpui-mini-shopping-cart-table tr td[colspan] {
	padding-bottom: 20px;
}
table.hpui-mini-shopping-cart-table tr:last-child td {
	padding-bottom: 0px;
}
/* Override mini cart table padding when it is empty */
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr th,
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr td {
	padding-bottom: 20px; 
}
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr:last-child td {
	padding-bottom: 0px;
}
/* Override divider margins inside mini cart table */
table.hpui-mini-shopping-cart-table tr th .hpui-primary-horizontal-divider,
table.hpui-mini-shopping-cart-table tr th .hpui-secondary-horizontal-divider,
table.hpui-mini-shopping-cart-table tr td .hpui-primary-horizontal-divider,
table.hpui-mini-shopping-cart-table tr td .hpui-secondary-horizontal-divider {
	margin-top: 20px;
	margin-bottom: 0px;
}
/* Override divider margins inside mini cart table when it is empty */
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr th .hpui-primary-horizontal-divider,
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr th .hpui-secondary-horizontal-divider,
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr td .hpui-primary-horizontal-divider,
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr td .hpui-secondary-horizontal-divider {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Override mini cart table top padding when it is inside the tooltip, 
   because the tooltip itself contributes 10px of top padding */
.ui-tooltip-content table.hpui-mini-shopping-cart-table {
	padding-top: 10px;
}
/* Override default tooltip max-width for a mini shopping cart */
.ui-tooltip.hpui-mini-shopping-cart-table {
	max-width: none;
}
/* HPE mini shopping cart tooltip pointer */
.hpui-mini-shopping-cart-arrow-top {
    position: absolute;
	right: 20px;
    top: -10px;    	
    width: 30px;
	height: 10px;
    background-image: url('../images/tooltip_pointer.png');
	background-repeat: no-repeat;
	background-position: 0 -60px;
}
.hpui-mini-shopping-cart-arrow-bottom {
	position: absolute;
	right: 20px;
	bottom: -10px;		
    width: 30px;
	height: 10px;
    background-image: url('../images/tooltip_pointer.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

/****** end HPE shopping cart CSS (shopping-cart.css) ******/