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

.clear{
 clear:both;
}
.glossyProduct {
	font:Arial, Helvetica, sans-serif;
}

.price{
	font-size:200%;
	position:absolute;
	color: #000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	white-space:nowrap;
	padding-right:24px;
	top:261px;
	left:26px;
	z-index:0;
	width: 258px;
	height: 76px;
}
.summarySeries{
  float:left;
  clear:both; 
  overflow:hidden;
  width:720px;
}

.summaryImgLeft{
  width:12px; 
  height:200px; 
  background:url(images/aTest/images/Striped-Background_02.jpg) no-repeat; 
  float:left;
}
.summaryContent{
  background:url(images/aTest/images/Striped-Background_03.jpg) repeat-x;
  height:100%; 
  width:688px; 
  padding:20px 0px 0px 0px; 
  float:left;
}
.summaryImgRight{
  width:12px; 
  height:200px; 
  background:url(images/aTest/images/Striped-Background_05.jpg); 
  float:left;
}

.center{
  display:block;
  margin-left:auto;
  margin-right:auto;
  }

/*TriTable*/
th.screenshotTable{

  background:#dddddd;
}

td.screenshotTable{
  background:#ffffff;
}


h2.seriesTitle {
	margin-bottom:-13px;
	position:relative;
	padding-right:10px;
	left:-100px;
	padding-left:100px;
	font-size-adjust:150%;
	background:#EEEEEE;
	color:black;
	clear:both;
	display:inline;
}

h2.glossyProduct {
  margin-top:10px;
  font-size:24px;
  font-size-adjust:200%;
  color:black;
  text-align:center;
}

p.glossyProduct {
	margin-left:30px;
}
ul.glossyProduct {
  color:black;
  margin-top:-8px;
  list-style-position:outside;
}

#quad1{
	clear:left;
	position:relative;
	background:url(images/aTest/basicBox.png) no-repeat;
	width:303px;
	height:350px;
	margin:10px;
	float:left;
	padding-right:15px;
}
#quad2{
	background:url(images/aTest/deluxeBox.png) no-repeat;
	position:relative;
	width:303px;
	height:350px;
	float:left;
	margin:10px;
	padding-left:12px;

}


a.feature-extra:hover {
    background-color: transparent;
	text-decoration:none;	
 	cursor: help;
}

.feature-extra span.hover {
    background-color: #FAFAFA;
	display: none;
	border: 2px solid #49525B;	
	position: absolute;
	color: #536487;
	left:10px;
	text-decoration: none;
	width: 250px;	
	padding: 6px;
	margin: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	-khtml-opacity: 0.9;	
}

.feature-extra span.hover span.h3 {
	margin-top: 0px;
	color: #115098;
	border-bottom: 1px solid #CCCCCC;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.05em;	
	font-weight: bold;	
	text-transform: uppercase;	
	display: block;	
	margin-bottom: 3px;
	padding-bottom: 2px;	
}

a.feature-extra:hover span.hover {
	display:block;
	text-decoration:none;
	z-index:2;	
}



span.inlinecode
{
	background-color:#EFEFEF;
	border:1px solid #DDDDDD;
	color:#2E8B57;
	font-family:Monaco,"Andale Mono","Courier New",Courier,mono;
	font-size:1.2em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	overflow:auto;
}

#main .codebox pre {
    padding: 0 !important;
    border-width: 0 !important;
    background-color: transparent !important;
    width: auto !important;
}