/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/********* TOOLTIP STYLES *********/

.prototip .stockLevelFull {width: 147px; height: 34px;}
.prototip .stockLevelFull .content {width: 140px; height: 24px; padding: 10px 7px 0 0; background: url(tooltipStockIn.png) no-repeat top left; color: #fff; font-size: 10px; font-weight: bold; text-align: center;}

.prototip .stockLevelEmpty {width: 147px; height: 34px;}
.prototip .stockLevelEmpty .content {width: 140px; height: 30px; padding: 4px 7px 0 0; background: url(tooltipStockInfo.png) no-repeat top left; color: #fff; font-size: 10px; font-weight: normal; text-align: center;}

.prototip .stockLevelError {width: 177px; height: 34px;}
.prototip .stockLevelError .content {width: 173px; height: 24px; padding: 10px 4px 0 0; background: url(tooltipStockError.png) no-repeat top left; color: #fff; font-size: 10px; font-weight: bold; text-align: center;}

.prototip .basketUpsell {width: 203px; height: 75px;}
.prototip .basketUpsell .content {width: 177px; height: 63px; padding: 12px 16px 0 10px; background: url(tooltipBasket.png) no-repeat top left;}
.prototip .basketUpsell .content p {margin-bottom: 7px; color: #fff; font-size: 10px; font-weight: normal;}

.prototip .tradeCustomers {width: 331px; height: 171px;}
.prototip .tradeCustomers .content {width: 329px; height: 140px; padding: 31px 1px 0 1px; background: url(tooltipTradeCust.png) no-repeat top left; text-align: center;}
.prototip .tradeCustomers .content p {margin-bottom: 10px; color: #fff; font-size: 11px; font-weight: normal; padding: 0 25px;}
.prototip .tradeCustomers .content div.dots {background: url(whiteDots.png) no-repeat; width: 329px; height: 1px; margin-bottom: 10px;}

.prototip .compareButtonInfo {width: 133px; height: 57px;}
.prototip .compareButtonInfo .content {width: 117px; height: 51px; padding: 6px 8px 0 8px; background: url(tooltipCompare.png) no-repeat top left; color: #fff; font-size: 10px; font-weight: bold; text-align: center;}

.prototip .saveMarkedItems {width: 147px; height: 54px;}
.prototip .saveMarkedItems .content {width: 147px; height: 46px; padding-top: 8px; background: url(tooltipSaving.png) no-repeat top left;}
.prototip .saveMarkedItems .content .logoContainer {position: relative; width: 138px; height: 40px; margin: 0 auto 0 8px; text-align: center;}
.prototip .saveMarkedItems .content .logoContainer p {color: #595959; font-size: 9px; font-weight: normal;}

.prototip .saveMarkedItems .content .logoContainer .logoSpecial {margin: 0 auto; width: 35px; height: 35px; background: url(/common/img/logoIcon/logoSpecialSmall.png) no-repeat;}
.prototip .saveMarkedItems .content .logoContainer .logoSale {margin: 0 auto; width: 35px; height: 35px; background: url(/common/img/logoIcon/logoSaleSmall.png) no-repeat;}
.prototip .saveMarkedItems .content .logoContainer .logoNew {margin: 0 auto; width: 47px; height: 48px; background: url(/common/img/logoIcon/logoNewSmall.png) no-repeat;}
.prototip .saveMarkedItems .content .logoContainer .logoSave {margin: 0 auto; width: 75px; padding: 2px 0 0 48px; height: 23px; background: url(/common/img/logoIcon/iconSave.png) no-repeat; color: #be0027; font-size: 16px; font-weight: bold; text-transform: uppercase;}
.prototip .saveMarkedItems .content .logoContainer .logoBogof {margin: 0 auto; width: 55px; height: 25px; background: url(/common/img/logoIcon/iconBogof.png) no-repeat;}
.prototip .saveMarkedItems .content .logoContainer .logo3For2 {margin: 0 auto; width: 55px; height: 25px; background: url(/common/img/logoIcon/icon3For2.png) no-repeat;}
.prototip .saveMarkedItems .content .logoContainer .logoCheapestFree {margin: 0 auto; width: 152px; height: 25px; background: url(/common/img/logoIcon/iconCheapestFree.png) no-repeat;}





/*** EXAMPLES ***
.prototip .default { width: 150px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.prototip .pinktip { border: 5px solid #a1a1a1; }
.prototip .pinktip .toolbar { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; }
.prototip .pinktip .title { padding: 5px; }
.prototip .pinktip .content { background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .darktip { width: 250px; border: 5px solid #a1a1a1; }
.prototip .darktip .toolbar { background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.prototip .darktip .toolbar a.close { background: url(close_hover.gif);}
.prototip .darktip .toolbar a.close:hover { background: url(close.gif);}
.prototip .darktip .title { padding: 5px;}
.prototip .darktip .content { background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .silver { width: 300px; border: 5px solid #cccccc; color: #fff; font: 11px Arial, Helvetica, sans-serif;}
.prototip .silver .toolbar { background: #2e2e2e; color: #fff; font-weight: bold; }
.prototip .silver .toolbar a.close:hover { background: url(close_hover_red.gif);}
.prototip .silver .title { padding: 5px; }
.prototip .silver .content { background: #fff; color: #666666; padding: 5px;}

.protoClassic { width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar { background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }
***/