
body {
  margin: 0; 
  font-size:0.75em;
  font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; 
  background: #E9E9E9 url(/images/body_bg.jpg) repeat-y;}
.disclaimer {
  font-style:italic;
  margin:10px 0;}
.red {
  color:#710021;}
#content {
  width:750px;
  font-size:11px;
  padding:5px;}
#content h1 {
  border:0;
  color:#710021;
  font-size:1.7em;
  margin:10px 0 0 0;
  padding:0;}
#content h3 {
  background-image:none;
  margin:0;
  padding:0;
  font-size:1em;}
#content h2 {
  color:#434341;
  margin:0;
  padding:0;
  font-size:1.5em;}
#story h3 {
  font-size:1.1em;
  color:#f26422;
  border:1px sold red;}
#story h4 {
  color:#434341;
  font-size:1em;
  margin:20px 0 5px 0;
  padding:0;}
#content a {
   color:#245cce;
   text-decoration:none;}
#content a:hover {
  color:#710021;
  background-color:#ffffcc;}
#mktg-wrap {
  background:url(/images/promo/v5fxt/dot.gif) top left repeat-x;
  margin:20px 0 0 0;
  padding:5px 0 0 0;
  }
#mktg {
 background:url(/images/promo/v5fxt/dot.gif) bottom left repeat-x;
  margin:0 0 0 0;
  padding:0 0 5px 0;}
#banner-wrap {
  height:224px;
  /* height:242px; */
  background:url(/images/promo/v6s6/v6s6promovid_bkd.jpg) top left no-repeat;}
#topbanner {
  margin:0;
  padding:2px 10px 12px 10px;}
#topbanner h1 {
  margin:13px 0 0 0;
  padding:0;
  color:#54bceb;}
#topbanner h2 {
  color:#696a6c;
  margin:0 0 10px 0;}
#topbanner p {
  margin:10px 0 0 0;
  padding:0;
  font-size:1.2em;
  color:#e9eef1;}
#topbanner ul {
  list-style-type: none;
/*  list-style-position: outside; */
/* list-style-image:url(/images/promo/v5fxt/square.gif); */
  margin:0;}
#topbanner li {
  color:#696a6c;
  padding:0 0 5px 0;
  font-size:1.1em;
  margin:0 0 0 15px;}
#botbanner {
  margin:0;
  padding:0 0 0 10px;}
  
  
#videowrapabs {
  position:absolute;
  left:485px;
  top:-175px;
  line-height:0px;}
  
#videowraprel {
  position:relative;
  left:0px;
  top:0px;}
 
  
#cta {
  list-style:none;  
  border:1px solid #54bceb;}

#cta-wrap {

  background:white;
  position:relative;
  width:450px;}
#tr {
  position:absolute;
  top:0;
  right:0;}
#tl {
  position:absolute;
  top:0;
  left:0;}
#br {
  position:absolute;
  bottom:0;
  right:0;}
#bl {
  position:absolute;
  bottom:0;
  left:0;}
#cta {
  padding:8px 0 8px 20px;
  margin:0;}
  
#cta li {
  padding:2px 2px 2px 0;}
#cta a {
  padding:0 0 0 25px;}
#cta a.cart {
  background: url(/images/i_cart.gif) 1px 0px no-repeat;}
#cta a.vid {
  background: url(/images/i_webcast.gif) 0px 0px no-repeat;}
#cta a.download {
  background: url(/images/i_download.gif) 0px 1px no-repeat;}
#cta a:hover {
  color:#710021;
  background-color:#ffffcc;}

/* --------------------------------------------------
  STORY SECTION
-------------------------------------------------- */
#story {
  margin:0;
  color:#696a6c;
  padding:8px 8px 8px 12px;
  border-top:2px solid white;}
#story ul {
  list-style-type: square;
	list-style-position: outside;

	padding:0 0 8px 10px;
  list-style-image:url(/images/promo/v5fxt/square.gif);
  margin:5px 0 10px 10px;}
#story h2 {
  color:#696a6c;}
#column_wrap {
  padding:0;
  margin:0;}
.column {
  width:30%;
  float:left;
  margin:0 20px 0 0;
  padding:0 3px;}
#col1 h3,
#col2 h3,
#col3 h3 {
  color:#ee3424;
  font-size:1.1em;}
#col3 {
  margin-right:0;}
#intro {
  margin:0 0 10px 0;}
#intro ul {
  margin-top:8px;}
#Rcol {
  background:white url(/images/promo/v6s6/dvc-border.gif) 0 0 no-repeat;
  float:right;
  margin:0 5px 5px 0;
  padding:0;
  width:356px;}
#Rcol h3,
#Lcol h3 {
  color:#ee3424;
  font-size:1.1em;
  padding:0 0 8px 0;}
#Lcol {
  background:white url(/images/promo/v6s6/dvc-border-1col.gif) 0 0 no-repeat;
  margin:0 0 5px 0;
  padding:0 0 0 0;
  width:730px;}
.colWrap {
  margin:0 37px 0 35px;
  padding:25px 0 20px 0;}

.quote {
  color:#666;
  font-size:1em;
  margin:15px auto 0 auto;}
.quote p.quoteText {
  padding:10px 0 0 0;
  margin:0 0 0 43px;}
.begQuote {
  float:left;
  margin-right:3px;}
.endQuote {
  float:right;}
p.customer {
  font-style:italic;
  padding:0 0 0 0;
  margin:5px 0 0px 43px;}
.clearer {
  clear:both;}
#thumbnail_wrap {
  margin:25px 0 0 0;
  text-align:center;
  clear:both;}
.column_th {
  width:23%;
  float:left;
  padding:4px;}
.column_th img {
  border:1px solid #ccc;
  padding:2px;
  margin:0 0 8px 0;}
.column_th p {
  color:#ee3424;}
.docbox, 
.docbox_body, 
.docbox_head, 
.docbox_head h2 { 
	background: transparent url(/images/css/docs_bknd.png) no-repeat bottom right; } 
.docbox { 
	width: 263px !important; /* intended total box width - padding-right(next) */ 
	width: 263px; /* IE Win = width - padding */ 
	padding-right: 0px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 0px auto 20px auto; /* use to position the box */ } 
/* set the top-right image */ 
.docbox_head { 
	background-position: top right; 
	margin-right: 0px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ } 
/* set the top-left image */ 
.docbox_head h2 { 
	background-position: top left; margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	/*padding: 25px 0 15px 40px; */ /* padding-left = image gap + interior padding ... no padding-right */ 		
        font-size:1em;
        margin:0;
        padding:5px 10px; 
        color:#f26422;	
height: auto !important; 
	height: 1%; /* IE Holly Hack */ } 
/* set the lower-left corner image */ 
.docbox_body { 
	background-position: bottom left; 
	margin-right: 25px; /* interior-padding right */ 
	padding: 5px 0 15px 15px; /* mirror .cssbox_head right/left */ } 
.rndCorner {
  background-color:#aacfe2;
  margin:0 0 25px 0;}

/* --------------------------------------------------
  EXPAND AND COLLAPSE MODULES
  (USED IN OVERVIEW AND FEATURES TABS)
-------------------------------------------------- */
.ec {
   border:1px solid #aacfe2;
   border-width:1px 0px 0px 0px;
   margin:0;
   padding:5px 5px 10px 5px;
   clear:both;}
.ecbackground {
   background-color:#f1faff;}
.echover {
   background-color:#fffdde;}
a.eclink {
   cursor:pointer;
   padding:0 0 0 30px;
   display:block;} 
.ec h4 {
   margin:0 0 0 31px;
   padding:0;
   color:#555;}
.ec .ec-content {
   padding:0 0 15px 0;
   margin:20px 0 0 0;
   display:none;}
.ec .ec-content p {
   margin:0 0 8px 0;
   padding:0;}
.ec .ec-content table {
   border-width:0;}
.ec .ec-content td {
   border:1px dotted #eaeaea;
   border-width:0 0 1px 0;
   padding:5px 3px;}
.showHide {
   margin:10px 0;}
.shortdesc {
   margin:0;
   padding:0;}
.collapse {
   background:url(/images/css/collapse.gif) center left no-repeat;}
.expand {
   background:url(/images/css/expand.gif) center left no-repeat;}
.ecBorderBot {
   border-bottom:1px solid #aacfe2;}
.figures {
   clear:left;}
.figures img {
   border:1px solid #aacfe2;
   padding:2px;
   float:left;
   margin:0 15px 10px 0;}
.figures h6 {
   font-size:1em;
   color:#f26422;}
#next {
  
   padding:15px 8px 8px 8px;
   margin:5px 12px 40px 12px;
   clear:both;
   color:#696a6c;}
#next h3 {
   font-size:1.1em;
   color:#ee3424;}
#next table {
   width:98%;
   margin:10px 0;}
#next table td{
   padding:10px 0; 
   vertical-align:top; }
#next table td.label {
   width:25%;}
#next table td.field span {
   display:block;
   padding:0;
   margin:5px 0 0 0;}
td.field input {
   border:1px solid #ccc;}
td.field select {
   border:1px solid #ccc;}