@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: #ffffff;
	background-image: url("../images/e16/bg.jpg");
	background-repeat: repeat-x;
	background-position: center top;
}

td.boxbg {width:490px; height:163px; background: url('../images/e16/boxbg.jpg') no-repeat left top; vertical-align:top;}

/* 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:#2e2d30; 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;}

DIV.wirelessn {font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height: 16px; color: #2e2d30; width:456px; height: 136px; position:relative; left:17px; top:20px; background: url('../images/e16/wirelessn.jpg') no-repeat right bottom;}
DIV.atigraphics {font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height: 16px; color: #2e2d30; width:456px; height: 136px; position:relative; left:17px; top:20px; background: url('../images/e16/atigraphics.jpg') no-repeat right bottom;}
DIV.screen {font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height: 15px; color: #2e2d30; width:456px; height: 136px; position:relative; left:17px; top:20px; background: url('../images/e16/screen.jpg') no-repeat right bottom;}

DIV.icon {width:98px; height:98px; float:left; margin-right:5px;}
DIV.thumb {width:163px; height:163px; float:left;}

/* TEXT */
SPAN.system-title {font: 14px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#2e2d30; font-weight:800;}
SPAN.system-code {font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#2e2d30; font-weight:0;}
SPAN.system-points {font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#2e2d30; font-weight:0;line-height:20px;}
SPAN.system-del {font: 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#2e2d30; font-weight:800;}
SPAN.listing-from-vat {font: 10px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#2e2d30; 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:#2e2d30; font-weight:0;}
SPAN.spectoggle a {color:#2e2d30; text-decoration:none;}
SPAN.spectoggle a:hover {color:#ed1c24; text-decoration:none;}
SPAN.q1 {font: 16px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#009ee0; font-weight:800;}
SPAN.q2 {font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#2e2d30; font-weight:0;}