@charset "utf-8";
/* CSS Document */

/* Set up the page */
html,body {
	margin:0 0;
	padding:0 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #000000;
	background-image: url("../images/eli/bgtop.jpg");
	background-repeat: no-repeat;
	background-position: center 10px;
}

#outer{
	width:980px;
	margin: 0 auto 0 auto;
	height: 100%; 
	padding: 0; 
	background-image: url("../images/eli/bgtop.jpg");
	background-repeat: no-repeat;
	background-position: center -90px;
}
#content{
	width:980px;
	height:240px;

}
.inner{
	background-image: url("../images/eli/bgbottom.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
}

span.text4boxes {
	font-size: 0.75em;;
	color: #bfbfbf;
	line-height: 13px;
}

.core2duo {
	width:490px;
	height:203px;
	background-image: url("../images/eli/core2duo.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}
.core2duoinner {
	color:#cccccc;
	font-size:12px;
	position: relative;
	left:20px;
	top:50px;
	width:300px;
}

.i5 {
	width:490px;
	height:203px;
	background-image: url("../images/eli/i5.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}
.i5inner {
	color:#cccccc;
	font-size:12px;
	position: relative;
	left:20px;
	top:50px;
	width:360px;
	line-height:18px;
}

/* TABLE */
table.listing {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.listing .top {border-top:1px solid #cccccc;}
table.listing .spacer1 {height:5px;}
table.listing .spacer2 {height:10px;}
table.listing .spacer3 {height:2px;}
table.listing .grey-col {width:1px; background-color:#CCCCCC;}
table.listing .listing-item {vertical-align:top;}
table.listing .hidden {display:none;} /* Add this to extra TDs that don't show */
/* DIV */
DIV.matrixsection {width:169px; position:relative; margin-bottom:5px;font: 14px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#ffffff; font-weight:800;}
DIV.listing-item {width:169px;}
DIV.spec-item {width:169px; position:relative; margin-bottom:5px;}
DIV.listing-item-hspace {width:170px; position:relative; height:1px; background-color:#CCCCCC;}
DIV.specToggleHide {float:left;display:block;}
DIV.specToggleShow {float:left;display:none;}
DIV.fullspectoggle {margin-left:2px;margin-bottom:5px;}
/* TEXT */
SPAN.system-title {font: 14px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#c1c8d0; font-weight:800;}
SPAN.system-code {font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#c1c8d0; font-weight:0;}
SPAN.system-points {font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#c1c8d0; font-weight:0;line-height:20px;}
SPAN.system-del {font: 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#c1c8d0; font-weight:800;}
SPAN.listing-from-vat {font: 10px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#c1c8d0; font-weight:0;}
SPAN.listing-price {font: 16px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#ed1c24; font-weight:800;}
SPAN.spectoggle {font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#c1c8d0; font-weight:0;}
SPAN.spectoggle a {color:#767c91; text-decoration:none;}
SPAN.spectoggle a:hover {color:#ed1c24; text-decoration:none;}

/* COUNTDOWN TIMER */
#t7_timer { 
	width: 175px; 
	height: 55px; 
	position: relative;
}

#t7_timer_over { 
	width: 161px; 
	height: 55px; 
	background-image: url(../images/common/Countdown-over1.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 1px;
	margin: 0px;
	padding: : 0px;
}

#t7_vals {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_numbs {
	font-size: 16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #000000;
}

#t7_y {
	background-image: url(../images/common/Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_d {
	background-image: url(../images/common/Countdown3.png);
	background-repeat: no-repeat;
	float:left;
	width: 51px;
	height:25px;
	padding: 1px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7.5px;
}
#t7_h {
	background-image: url(../images/common/Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 35px;
	height:25px;
	padding: 1px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7.5px;
}
#t7_m {
	background-image: url(../images/common/Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 35px;
	height:25px;
	padding: 1px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7.5px;
}
#t7_s {
	background-image: url(../images/common/Countdown2-nc.png);
	background-repeat: no-repeat;
	float:left;
	width: 32px;
	height:25px;
	padding: 1px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7.5px;
}

#t7_labels {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_labs {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}
#t7_yl {
	float:left;
	width: 30px;
	height:15px;
	padding:0;
	margin: 0px;
}
#t7_dl {
	float:left;
	text-align:center;
	width: 51px;
	height:15px;
	padding: 1px 0px 0px 3px;
	margin: 1px;
}
#t7_hl {
	float:left;
	text-align:center;
	width: 35px;
	height:15px;
	padding: 1px 0px 0px 3px;
	margin: 1px;
}
#t7_ml {
	float:left;
	text-align:center;
	width: 35px;
	height:15px;
	padding: 1px 0px 0px 3px;
	margin: 1px;
}
#t7_sl {
	float:left;
	text-align:center;
	width: 32px;
	height:15px;
	padding: 1px 0px 0px 3px;
	margin: 1px;
}

#defaultCountdown {height: 55px; text-align: center;}
