/**
 * This is the CSS for the miniCart overlays, both for my favs and my bag
 * 
 * This file was originaly created by LTD, that's why many sizes are measured
 * in pts instead of px.. it's not an error
 * 
 * @todo split SFC CSS and LTD CSS so we could drag and drop whatever they send
 */

.multiitem_image_footer a {
    text-decoration: underline;
}
#bgMain {
	background-image:url(../images/product_detail_page.jpg);
	height:1095px;
	width:1099px;
	position:absolute;
    background-color: red;
}
#button {
	position:relative;
	top:503px;
	left:575px;
	width:103px;
	height:26px;
}
#shoppingContainer {
	background-color:#FFF;
	width: 110px;
	z-index:300;
	right:0px;
	position:absolute;
	top:-24px;
	height:auto;
	color:#333;
}
#favoritesContainer {
	background-color:#FFF;
	width: 110px;
	z-index:300;
	right:115px;
	position:absolute;
	top:-24px;
	height:auto;
	color:#333;
}

#favoritesContainerCart {
    background-color:#FFFFFF;
    color:#333333;
    height:auto;
    right:0px;
    position:absolute;
    width:154px;
    z-index:300;
}

#addFav {
	font-family:arial;
	font-size:12px;
	left:575px;
	position:absolute;
	top:473px;
}
.prod_desc {
	font-family: Arial;
	font-size: 7pt;
	margin: 5px 0 5px 5px;
}
.prod_cost {
	font-family:Arial;
	color: #000;
	font-size: 10pt;
	font-weight:bold;
	margin:5px 0 5px 5px;
}

.bag {
	background-color:#333;
	font-size: 7pt;
	font-family:arial;
	font-weight:bold;
	padding-top:10px;
	width:100%;
}
.bag_subtotal2 {
	color:#999;
	margin-bottom:10px;
	margin-left: 5px;
	text-transform: capitalize;
}

.bag_subtotal {
	color:#999;
	margin-bottom: 10px;
	margin-left: 5px;
	float:right;
}

.subtotal_cost {
	margin: 0 10px 5px 0;
	color: #FFF;
	font-size: 14pt;
}
.viewbag_btn {
	margin:5px 0 0 5px;
	padding-bottom:10px;
}
#favoritesContainer .viewbag_btn, #favoritesContainerCart .viewbag_btn {
	margin: 5px 0 0 5px;
	padding-bottom:10px;
}
.white {
	color:#ffffff;
}