@charset "utf-8";
/* CSS Document */

/* Main column =================================== */

.main-col-row {
	width:716px;
	float:left;
	margin:0;
	display:inline;
	position:relative;
}

.magDisplay img {
	width:96px; height:128px }

.magBox {
	width:119px;
	height:154px;
	float:left;
	text-align:center;
	position:relative;
}

.magMarg { margin:0 0 3px 0; }
.leftMagMarg { margin:0; }

.magBox h3 { text-align:center; margin:2px 0 0 0; font-size:70%; }

.magFlash{
	width:46px;
	height:45px;
	position:absolute;
	top:82px;
	left:60px;
	z-index:200;
}

.magFlash img { width:46px; height:45px }


/* promobox */

#promoBox {
	width:685px;
	height:137px;
	background:url(/store_templates/xmasgreatmags2008/images/homeoffers/bg_image_with_image.gif) no-repeat;
	margin:10px 0 20px 15px;
	float:left;
	display:inline;
	position:relative;
	overflow:hidden;
}

#promoBox .mask1{
	position:relative;
	width:357px;
	height:129px;
	overflow:hidden;
	float:right;
	margin:3px 5px;
}

#promoText {
	width:190px;
	float:left;
	padding:4px 0 8px 100px;
	color:#777;
}

.highLight { color:#CC6600; font-weight:bold; }

#promoText h1 { font-size:110%; color:#333; margin:5px 0 5px 10px; line-height:18px; }

/* January sale tag */
#promoText h1.saletag img { float:left; }


#box8{
	position:absolute;
}
#box8 div{
	width:357px;
	height:129px;
	float:left;
}

#box8 div img { 
	width:130px;
	float:left; 
	margin:0 20px 0 0; 
}

#box8 div p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	padding: 20px 20px 20px 5px;
	color:#666666;
}

#promoBox .buttons{
	width: 115px;
	height: 17px;
	position: absolute;
	top:  104px;
	left: 191px;
	list-style: none;
}

#promoBox .buttons span{
	border: 1px solid #bfc7d2;
	background-color: #fff;
	padding:3px 5px;
	cursor:pointer;
	font-size:10px;
}
#promoBox .buttons span.active, #promoBox .buttons span:hover { background:#bfc7d2; color:#fff; }

/* ********************************** */

/* MooTips ========================= */

.tool-tip {
	color: #fff;
	width: 260px;
	z-index: 13000;
}	

.tool-tip img {
	float:right; margin:0 0 10px 10px;
}
	 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 20px 20px 5px 20px;
	background: url(../images/bubble.png) top;
	text-align:left;
}
 
.tool-text {
	font-size: 11px;
	font-weight:normal;
	padding:0 20px 20px 20px;
	background: url(../images/bubblefoo.png) bottom;
	text-align:left;
}
.tool-text a {
	color:#069;
}
.tool-loading {
	background: url(../../greatmags2008/images/ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}