#tooltip {
	position: absolute;
	z-index: 1100;
	padding: 5px;
	width:268px;
	font-size:11px;	
}
.tooltip_top {
	background:url("shadow_tooltip.gif") no-repeat scroll 0 0 transparent;
	height:14px;
}
.tooltip_bottom {
	background:url("shadow_tooltip.gif") no-repeat scroll 0 -13px transparent;
	height:24px;
}
.tooltip_content{
	background:url("shadow_tooltipmiddle.gif") repeat-y scroll 0 0 transparent;
	padding:10px 15px;
}
#tooltip h3{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:11px;
	border-bottom:1px solid #000;	
	padding-bottom:10px;
	margin-top:0px;	
}
.tooltip_content .body{
	margin:5px 0px 15px 0;	
}
.tooltipcontainer{
	line-height:18px;
}
#tooltip .tooltipcontainer h2{
	border-bottom:1px solid #000000;
	padding-bottom:10px;
	margin-bottom:15px;
	position:relative;
	}	
.tooltipcontainer .label{
	float:left;
	font-weight:normal;
	margin:0px;
	text-align:left;
	text-transform:uppercase;
	width:150px;
}
.tooltipcontainer .value {
	float:right;
	width:auto;
}
.tooltipcontainer .shippingtotal{
	margin-top:17px;
	border-top:1px solid #cccccc;
	padding-top:8px;
}
.tooltipcontainer .shippingtotal .label{
	font-weight:bold;
}



#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}