
/*
* {
  margin: 0;
  padding: 0;
}
*/

/* headlines */
h1 {
/*  margin: 0em auto; */
  font-size: 2.0em;
}
h2 {
  text-decoration: none;
  margin: 0em auto;
  font-size: 1.5em;
}
h3 {
  text-decoration: none;
  margin: 0em auto; 
  font-size: 1.4em;
}
h4 {
  text-decoration: none;
  margin: 0em auto; 
  font-size: 1.0em;
}

small {
  font-size: 0.9em;
}

/* links */
/*
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }
a:link    { color: #0000dd; }
a:visited { color: #5579bb; }
a:visited { color: #5579aa; }
*/
a:link    { color: #3b58dd; }

.news a:link    { text-decoration: none; }
.news a:visited { text-decoration: none; }
.news a:hover   { text-decoration: underline; }
#nav a:link    { text-decoration: none; }
#nav a:visited { text-decoration: none; }
#nav a:hover   { text-decoration: underline; }
#upperright a:link    { text-decoration: none; }
#upperright a:visited { text-decoration: none; }
#upperright a:hover   { text-decoration: underline; }
#header a:link    { text-decoration: none; }
#header a:visited { text-decoration: none; }
#header a:hover   { text-decoration: underline; }
#banner a:link    { text-decoration: none; }
#banner a:visited { text-decoration: none; }
#banner a:hover   { text-decoration: underline; }
/*
h3 :link:hover, h3 :visited:hover { text-decoration: underline; }
h2 :link:hover, h2 :visited:hover { text-decoration: underline; }
*/

#header {
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 12px;
  background: #ffffff; 
  font-size: 1.0em;
  color: #003466;
}

#header td {
  padding-right: 15px;
}

#nav {
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #003466;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}

#nav a {
  color: #ffffff;
}

#loc, #location {
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  background: #5579bb;
  font-size: 12px;
  color: #dddddd;
}
 
#loc a, #location a {
  color: #dddddd;
}

#upperright {
  float: right;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  background: #ffffff;
  color: #666666;
}

#upperright a {
  color: #666666;
}


hr {
  margin: 0px;
  padding: 0px;
  border: solid;
  border: none;
  height: 2px;
  background-color: #003466;
  background-color: #bbbbbb;
  color: #003466;
  color: #bbbbbb;
}

.hr300 { width: 300px; }
.hr200 { width: 200px; }
.hr700 { width: 700px; }

.choices3 td {
  width: 33%
}

/* tables */
table.productTabs td.selected {
  background: #dddddd;
}

table.productTable {
  border-collapse: separate;
/*  border-spacing: 16px 16px; */
}
table.productTable td {
  padding: 0px; 
}
table.productTable td.immersive {
  padding: 5px; 
  background: #ffffff url(http://www.visbox.com/imgs/vertGradBlueNew35line.png);
}
table.productTable td.hires {
  padding: 5px; 
  background: #ffffff url(http://www.visbox.com/imgs/vertGradGreenNew35line.png);
}

table.productFeatures a { text-decoration: none; }
table.productFeatures a:hover { text-decoration: underline; }

table.productFeatures {
  border-collapse: collapse;
}
table.productFeatures tr.header {
  background: #eeeeee url(http://www.visbox.com/imgs/vertGradBlueNew35.png);
}
table.productFeatures td {
  padding: 2px;
  border-style: dotted;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom-width: 1px; 
  border-bottom-color: #cccccc;
}
table.productFeatures tr.gray {
  background: #eeeeee;
}

table.compare {
  border-collapse: collapse;
}
table.compare td {
  background-color: #eeeeee;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
/*
  border-left: 1px;
  border: 1px;
*/
}

table.compare th {
  font-weight: bold;
  padding: 10px;
  background-color: #dddddd;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
}
table.compare td.good   { background: #cceecc; }
table.compare td.hires  { background: #cceecc; }
table.compare td.normal { }
table.compare td.bad    { background: #eecccc; }

table.compareTiled {
  background-color: #eeeeee;
  padding: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
}

table.compareTiled td {
  padding: 10px;
}

table.compareTiled td.good   { background: #cceecc; }
table.compareTiled td.normal { }
table.compareTiled td.bad    { background: #eecccc; }

.resTable, .resTable2 {
/*
  border-spacing: 0px 0px;
  border-collapse: collapse;
*/
  padding: 5px;
  padding-left: 10px;
  background: #eeeeee;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
  width: 300px;
} 

.resTable td, .resTable2 td {
  padding: 0px;
} 

.resTable2 {
  background: #ffffff;
  border-width: 0px;
}

body {
  margin: 0;
  padding: 0;
  background: #e1e1e1;
  background: #dddddd;
  background: #ffffff;
/*
  font-family: Verdana, Arial, Helvetica, sans-serif;
*/
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #222222;
}



#content {
  margin: 0 auto;
  width: 850px;
  background: #ffffff;
  color: #003466;
  color: #000000;

/*
  border-style: solid;
  border-width: 1px;
  border-top: 0px;
  border-color: #003466;
*/
}


/*
.plainTable {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-sty
  border-width: 1px;
}
*/

.features, .featuresTop, .featuresSide {
  width: 350px;
  float: right;
  /* PAUL - NEW */
  clear: right;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 70px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #003466;
}

.featuresSide {
  padding: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
  background-color: #eeeeee;
  margin-top: 5px;
  margin-left: 30px;
}

.right, .imgsRight, .imgsRightWide, .imgsRightGray {
  width: 300px;
  float: right;
  /* PAUL - NEW */
  clear: right;
  margin-left: 60px;
  margin-right: 15px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #003466;
}

.imgsRightWide {
  width: 390px;
  margin-left: 30px;
}

/*
.imgsRightWide img {
  margin: 5px;
}
*/

.thumb {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaaaa;
}

.right img, .imgsRight img, .imgsRightWide img {
  border-style: solid;
  border-width: 2px;
  border-color: #003466;
}

.imgsRightGray {
  border: 0px;
}


#title {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #000000;
}

#subtitle {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

#main, .colWide {
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  color: #000000;
  color: #003466;
} 

#footer {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 11px;
  background: #003466;
  background: #ffffff;
  color: #dddddd;
  color: #222222;
}


#bannerWall, #bannerBox, #bannerBoxShort, #bannerWallShort {
  margin: 0px;
  padding: 20px;
  padding-bottom: 0px;
  color: #003466;
}

#bannerWall {
  background: #ffffff url(http://www.visbox.com/imgs/bgWall.jpg); 
  background: #ffffff url(http://www.visbox.com/imgs/vertGradGreen.png);
}

#bannerBox {
  background: #ffffff url(http://www.visbox.com/imgs/bgBox.jpg); 
  background: #ffffff url(http://www.visbox.com/imgs/vertGradBlue.png);
}

#bannerBoxShort {
  background: #ffffff url(http://www.visbox.com/imgs/vertGradBlueShort.png);
}

#bannerWallShort {
  background: #ffffff url(http://www.visbox.com/imgs/vertGradGreenShort.png);
}

.news {
  width: 300px;
  background: #eeeeee;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  margin-left: 30px;
  margin-right: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;

/*
  border-width: 0px;
  border-top-width: 10px;
  border-top-color: #336799;
*/
}

#banner {
  background: #5579bb;
}

#banner img {
  float: left;
  margin-right: 20px;
}

#bannerText2 {
  height: 78px;
  padding: 40px;
  color: #dddddd;
}

#bannerText2 a {
  color: #dddddd;
}

#banner a {
/*
  color: #dddddd;
*/
  color: #eeeeee;
}

.productTabs td {
  padding-left: 15px;
  padding-right: 15px;
}

.boxTable, .boxTable1200, .wallTable {
  border-style: solid;
  border-width: 1px;
}

.boxTable td, .boxTable1200 td, .wallTable td {
  width: 33%;
/*
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
*/
  padding-left: 5px;
  padding-right: 5px;
}

.wallTable {
  border-color: #b6e8b9;
/*
  background: #b6e8b9 url(http://www.visbox.com/imgs/bgVertGradGreen.png);
*/
  background: #d7f5da url(http://www.visbox.com/imgs/bgVertGradGreen.png);
}

.boxTable1200 {
  border-color: #c5d6f5;
  background: #c5d6f5 url(http://www.visbox.com/imgs/bgVertGradBlue1200.png);
}

.boxTable {
  border-color: #c5d6f5;
  background: #c5d6f5 url(http://www.visbox.com/imgs/bgVertGradBlue.png);
}

.productTable {
  width: 800px;
}

.spotlightTable, .spotlightTable2 {
  width: 100%;
  background: #eeeeee;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
}

.downloadsTable {
  width: 100%;
}

.spotlightTable td, .spotlightTable2, .downloadsTable td {
  padding: 15px;
/*
  padding-left: 25px;
  padding-right: 25px;
*/
}

.downloadsTable img {
  border-color: #bbbbbb;
}

.brochureTable td {
  padding: 20px; 
}

.brochureTable img {
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
}

.contactInfo {
  float: right;
  padding-right: 100px;
}

.techTable td {
  padding: 15px;
  padding-right: 30px;
  padding-left: 30px;
}

.visboxTable td {
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.imgGrayBorder {
  border-style: solid;
  border-color: #444444;
  border-width: 1px;
}

img.schematic {
  border-width: 0px;
}

.newsTable {
  text-align: left;
}

.newsItem {
  text-align: left;
  padding-bottom: 10px;
}
