/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:10px 0;
	text-align:center
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url('macFFBgHack.png') repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #fff;
	z-index: 100200;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	padding:0;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
}

#TB_closeWindow{
	text-align:center;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#TB_close{
	float:right;position:relative;top:20px;right:20px
}
#TB_window #TB_ImageOff img {*margin-top:-5px}

#TB_close #TB_closeWindowButton{background:url('/Sites/RET/_img/quickLook/QL_closeBtn.jpg') no-repeat;width:19px;height:19px;border:0;display:block;} 

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
}

#TB_title {
	background:url('/Sites/RET/_img/checkout/overlay/overlayTop.gif') no-repeat; width:604px; height:9px;
}

#TB_ajaxContent{
	clear:both;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	background: #c3c8cc;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:100100;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:9900;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#TB_closeWindowButton, #TB_closeWindow { font-weight:bold; font-size:11px; }
#cartOverlayWrapper { background:url('/Sites/RET/_img/checkout/overlay/overlayBtm.gif') no-repeat; background-position:bottom; margin-bottom:9px; }

.overlayBtm {background:url('/Sites/RET/_img/checkout/overlay/overlayBtm.gif') no-repeat;width:604px;height:9px;_margin-bottom:-3px}

#cartOverlayDiv { width:100%; }
#cartOverlayTitle,#loginOverlayTitle { background:#859099; padding:8px 10px; margin-bottom:10px; color:#fff; font:bold 12px Verdana, Arial, Helvetica, sans-serif; }
#cartOverlayHdr { font:bold 11px Verdana, Arial, Helvetica, sans-serif; margin:0 14px; border-bottom:1px solid #aaafb3; height:23px; }
.one { float:left; width:392px; }
.two { float:left; width:85px; }
.three { float:left; width:69px; padding-left:10px; }
.three2 { float:left; width:79px; background:#ccd0d4; overflow:hidden; height:100%; }
#cartOverlayNoItems { text-align:center; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#747e86; padding:15px 0; border-top:1px solid #d9dee2; border-bottom:1px solid #aaafb3; margin:0 14px; }
#cartMaxItems { text-align:center; font-weight:bold; font-size:11px; color:#747e86; width:263px; padding-top:7px; }
#cartMaxItems img { vertical-align:middle; }
#cartOverlayImage { float:left; width:100px; padding:7px 10px 0 0; }
#cartOverlay { border-top:1px solid #d9dee2; border-bottom:1px solid #aaafb3; height:90px; margin:0 14px; }
#cartOverlay .two { padding-top:7px; }
.cartOverlayName { font:bold 11px Verdana, Arial, Helvetica, sans-serif; padding-top:7px; }
.cartOverlayPrice { background:#ccd0d4; width:69px; height:82px; padding:7px 0 0 10px; float:left; }
#cartOverlayDP .dpro { height:49px; border-top:1px solid #d9dee2; border-bottom:1px solid #aaafb3; margin:0 14px;  }
#cartOverlayDP img { margin-top:4px; }
#cartOverlayDP .link { margin:-8px 0 0 193px; }
#cartOverlayDP .price { background:#ccd0d4; width:69px; height:42px; padding:7px 0 0 10px; float:left; }
#cartTotalDiv { font-weight:bold; border-top:1px solid #d9dee2; margin:0 14px; height:20px; }
#cartTotalDiv .one { float:left; width:467px; text-align:right; font-size:11px; padding:5px 10px 5px 0; }
#cartTotalDiv .sub { float:left; width:69px; padding:5px 0 5px 10px; background:#ccd0d4; }
.cartOverlayContinue .cartOverlayLeft { padding-top:8px; }
.cartOverlayContinue, #cartOverlayLoading { text-align:center; padding-top:18px; margin:0 15px; }
.cartOverlayLeft { float:left; }
.cartOverlayRight { float:right; }

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:2400;
	text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:2500; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-39px;
	left:-59px;
	padding:0;
	width:174px;
	color: #000;
	font:normal 10px Arial, Helvetica, sans-serif;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding:1px 8px 0 8px; 
	height:36px;
	background: url('/Sites/RET/_img/checkout/overlay/cartTooltip.gif') no-repeat; 
}
/*---------- d2d turns 5 promo -----------*/
#promoBg{background: url('/Sites/RET/_img/5year/promoBg.jpg') no-repeat;width:584px;height:452px;cursor:hand;cursor:pointer;}
#promoBg .games{width:240px;height:233px;position:relative;padding:219px 0 0 185px;*padding:150px 0 0 185px;_padding:180px 0 0 185px;z-index:20000}
#promoBg .btn{clear:both;position:relative;margin:-60px 75px 0 0;z-index:25000}
#promoBg .left{float:left;margin:14px 0 0 77px}
#promoBg .right{float:right;}
#promoBg .left a{color:#95bed4;border-bottom:1px solid;font:12px Verdana, Arial, Helvetica, sans-serif}
#promoBg .left a:hover{color:#7991a3}
#promoBg a.btnSeeThemAll{background:url('/Sites/RET/_img/5year/btnSeeThemAll.gif') no-repeat top;display:block;width:203px;height:39px;text-indent:-5000px}
#promoBg a.btnSeeThemAll:hover{background:url('/Sites/RET/_img/5year/btnSeeThemAll.gif') no-repeat bottom}
