/* tooltip styling. by default the element to be styled is .tooltip  */

/* tooltip styling */
#container_cart.container .tooltip {
	display:none;
	/* background:url('tooltips/blue_arrow_right_big.png'); ORIGINAL-NV */
	background:url('tooltips/blue_arrow_left_big.png'); /* Proserv */
	height:140px;
	padding: 30px 40px 20px 30px;
	width:317px;
	color:#fff;
	z-index: 2;
}
 
/* a .label element inside tooltip */
#container_cart.container .tooltip a, #container_cart.container .tooltip p 
{
   	padding-left: 15px;
	color:#fff;
}

/* a .label element inside tooltip */
.scalediscount .tooltip {
	display:none;
	background:url('tooltips/blue_arrow_top_small.png');
	height: auto; /*height:140px; ta*/
	padding: 30px 20px 20px 30px;
	width: auto; /*width:160px; ta*/
	color:#fff;
	text-align: left;
	z-index: 2;
}

/* a .label element inside tooltip */
.scalediscount .tooltip a 
{
    color:#fff;
}

/* a .label element inside tooltip */
.detailamountinfo .tooltip {
	display:none;
	background:url('tooltips/blue_arrow_top_small.png');
	height:140px;
	padding: 30px 20px 20px 30px;
	width:160px;
	color:#fff;
	text-align: right;
	z-index: 2;
}

.retoure .tooltip, .controls .tooltip, .rabatt .tooltip {
	display: none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	padding: 8px;
	z-index: 2;
	max-width: 400px; /*ta*/
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	width: auto; /*300px; ta */
	border-width: 2px;
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
	text-align: left;
}
.retoure .tooltip .content {
}
.retoure .tooltip .header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

/* simple css-based tooltip */
.positionsinfo .tooltip {
	position: absolute;
	/* top: 15px; */
	margin-top: -15px;
	right: 190px;
	z-index: 2;
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:220px;
    display:none;
    color:#fff;
    text-align:left;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

td.details-control {
    background: url("images/details_open.png") no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
   	background: url("images/details_close.png") no-repeat center center;
}


#image_thumb {
width:300px;
float:left;
margin:10px 0px;
text-align:center;
}

#image_thumb img {
background-color:#fff;
padding:2px;
border:1px solid #ccc;
margin:2px 5px;
cursor:pointer;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}