* {
 margin: 0;
 padding: 0;
}

body {
 text-align: center;
 background: #C0C0C0;
}

/* This section sets the positions of the elements on the page */

#page {
 margin: 0 auto;
 width: 900px;
 text-align: left;
 background: #FFFFFF;
}

#headertop {
 height: 12px;
 background: #3433CC;
}

#header {
 height: 122px;
 background: #FFFFFF;
}

#boxes {
 float: right;
 height: 122px;
 width: 262px;
 background-image: url(images/boxes.jpg); background-repeat: no-repeat;
}

#logo {
 float: left;
 width: 250px;
 height: 122px;
 margin-left: 10px;
 background-image: url(images/logo.jpg); background-repeat: no-repeat;
}

#nav {
 height: 43px;
  background-image: url(images/nav.jpg); background-repeat: repeat-x;
}

/* This section control the mid section of the page */
/* content-section uses the graphic file to create the false columns */

#content-section {
 float: left;
 width: 900px;
 height: 100%;
 background-image: url(images/bg.jpg); background-repeat: repeat-y;
}

#content-section-guide{
 float: left;
 width: 900px;
 height: 100%;
 background-color: #FFFFFF;
}

/* content-primary is the main left hand column for all pages */

#content-primary {
 float: left;
 width: 675px;
 height: 100%;
 background: #FFFFFF;
}


/* content-primary-margins sets the margins for the main content section for all pages */

#content-primary-margins {
 margin-left: 10px;
 margin-right: 10px;
}

/* index page settings*/
/* the positioning settings for the text and screenshot image on the index page */


#index-image {
 float: right;
 width: 300px;
 margin-top: 20px;
 height: 100%;
 
}

#index-cp-topleft-text {
 float: left;
 width: 550px;
 margin-left: 10px;
 margin-right: 10px;
}
#index-cp-topleft-text-howto {
 float: left;
 width: 600px;
 margin-left: 10px;
 margin-right: 10px;
}


/*the positioning settings for the blue box containing the product information on the index page */

#index-bluebox {
 clear: both;
 width: 645px;
 height: 100%;
 margin: 10px;
 padding: 5px;
 background-color: #c2cef6; /* 3333CC */
}

#bluebox-line {
 width: 635px;
 height: 100%;
 margin: 5px;
 border: solid thin #FFFFFF;
 background-color: #FFFFFF; /* 3333CC */
}

#bluebox-image {
 float: left;
 width: 160px;
 height: 181px;
 margin: 15px 5px 5px 15px;
 
}

#bluebox-text {
 float: left;
 width: 430px;
 margin-top: 0px;
 margin-left: 10px; 
}

#bluebox-bottom {
 clear: both;
 height: 60px;
 margin: 10px;
 position:relative;
 
}

#floatright {
  float: right;
  
}

/* Products page settings */
/* Settings for the main text containers on the product pages */
/* Top section text and image containers */

#topleft-text {
 float: left;
 width: 466px;
 height:100%;
}

#topright-image {
 float: right;
 width: 160px;
 height:100%;
}


/* Bullets section left and right bullet point containers */

#section2 {
 clear: both;
 }

#bullet-left {
 float: left;
 width: 320px;
}

#bullet-left-howto{
 float: left;
 width: 500px;
}
#bullet-right {
 float: left;
 width: 320px;
}

/* Features and System requirements container */

#section3 {
 clear: both;
 margin-top: 20px;
 margin-right: 10px;
 height: 100%;
}

/* Container holding the compatibility logos */

#section4 {
 float: right;
 position: relative; bottom: 10px; right: 10px;
 margin-right: 10px;
 height: 70px;
}

/* Product price and Buy button containers */

#section5 {
 clear: both;
 margin-top: 20px;
 height: 100%;
}

#price {
 float: left;
 width: 320px;
}

#button {
 float: left;
 width: 86px;
 height: 21px;
 margin-left: 10px;
 padding-left: 10px;
}

#terms {
 clear: both;
 margin-top: 10px;
}



/* content-secondary sets the main right hand column for all pages */


#content-secondary {
 float: right;
 height: 100%;
 width: 225px;
}

/* text boxes sets in the right hand column for all pages */

#sc-box1 {
 width: 205px;
 margin-top: 20px;
 margin-left: 10px;
 
}

#sc-box2 {
 width: 205px;
 margin-top: 20px;
 margin-left: 10px;
 margin-bottom: 20px;
 
}
#sc-box3 {
 width: 205px;
 margin-top: 20px;
 margin-left: 10px;
 
}

#sc-box4 {
 width: 205px;
 margin-top: 20px;
 margin-left: 10px;
 margin-bottom: 20px;
 
}

#footer {
 clear: both;
 height: 40px;
 background: #3433CC;
}



/* Text and navigation styles */
/* Navigation */
/* Main Navigation */

ul#navlist
{
padding: 10px 10px 12px 10px;
margin-left: 20px;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a {
 padding: 10px 10px 12px 10px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight:bold;
 }

#navlist a:link, #navlist a:visited
{
color: #FFFFFF;
text-decoration: none;

}

#navlist a:hover, #active
{
 padding: 10px 10px 12px 10px;
 color: #C2CEF6;
 font-weight:bolder;
 text-decoration: none;
 background-color: #605FDC;
}


/* Links in the box on index page */

.class2 a:link {
 font-family: Arial,Helvetica,sans-serif;
 text-decoration: underline;
 margin-top: 5px;
 font-size: 12px;
 color: #000000; /*FFFFFF*/

 }

.class2 a:visited{
 font-family: Arial,Helvetica,sans-serif;
 text-decoration: underline;
 margin-top: 5px;
 font-size: 12px;
 color: #C2CEF6;
}

.class2 a:hover{
 font-family: Arial,Helvetica,sans-serif;
 font-weight: bold;
 text-decoration: underline;
 margin-top: 5px;
 font-size: 12px;
 color: #000000;
}


/* Links on the white background */


.class3 a:link {
 font-family: Arial,Helvetica,sans-serif;
 text-decoration: underline;
 margin-top: 5px;
 font-size: 12px;
 color: #3333CC;

 }

.class3 a:visited{
 font-family: Arial,Helvetica,sans-serif;
 text-decoration: underline;
 margin-top: 5px;
 font-size: 12px;
 color: #6a1a79;
}

.class3 a:hover{
 font-family: Arial,Helvetica,sans-serif;
 font-weight: bold;
 text-decoration: underline;
 margin-top: 5px;
 font-size: 12px;
 color: #3333CC;
}

/* Text */

h1{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 22px;
  font-weight:bold;
  color: #3333CC;
  margin-top: 15px;
  margin-bottom: 5px;
}

h2{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight:bold;
  margin-top: 15px;
  color: #3333CC;
  margin-bottom: 5px;
}

h3{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: #3333CC;
  padding-top: 15px;
  margin-bottom: 5px;
}

.bodytext{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #2F2F2F;
  padding-bottom: 10px;
}


.footertext{
  margin-top: 10px;
  padding-top: 10px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
}

.list {
 font-family: Arial,Helvetica,sans-serif;
 color: #3333CC;
 font-size: 14px;
 font-style: normal;
 font-weight: bold;
 line-height: 20px;
 text-indent: 0px;
 list-style-image:none;
 list-style-position: outside;
 list-style-type: disc;
 margin-top: 6px;
 margin-left: 10px;
 padding-left: 10px;
}

.listhowto{
 font-family: Arial,Helvetica,sans-serif;
 color: #000000;
 font-size: 13px;
 font-style: normal;
 font-weight: normal;
 line-height: 20px;
 text-indent: 0px;
 list-style-image:none;
 list-style-position: outside;
 list-style-type: disc;
 margin-top: 6px;
 margin-left: 10px;
 padding-left: 10px;
}

.buytext{
  font-size: 14px;
  font-weight: bold;
}


.cont-sec-h2{
 color: #2F2F2F;
}

.indexbox{
 color: #000000; /*FFFFFF*/
}

.indexboxhead1{
 color: #000000; /*FFFFFF*/
 font-size: 14px;
  }


.indexboxhead2{
 color: #000000; /*FFFFFF*/
 font-size: 12px;
 padding-top: 5px;
}

.bold{
  font-weight:bold;
}

/* Comparison table */

#comparisontable {
width: 655px;
border: 0px;
padding: 0;
margin: 0;

}

th {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 10px;
 font-weight:bold;
 color: #2F2F2F;
 border-right: 1px solid #FDFDFD;
 border-left: 1px solid #FDFDFD;
 border-bottom: 1px solid #FDFDFD;
 border-top: none 0px;
 text-align: center;
 padding: 6px 3px 6px 3px;
 background: #C2CEF6;
}

th.nocont {
border: 0;
background: none;
}

th.image {
border: 0;
background: none;
}

th.col {
 width: 140px;
}

th.row {
 text-align: left;
 padding-left: 6px;
}
th.rowprice {
 text-align: left;
 font-size: 15px;
 padding-left: 6px;
}

td {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 10px;
 font-weight:bold;
 color: #2F2F2F;
 border-right: 1px solid #FDFDFD;
 border-left: 1px solid #FDFDFD;
 border-bottom: 1px solid #FDFDFD;
 border-top: none 0px;
 letter-spacing: 2px;
 text-align: center;
 padding: 6px 3px 6px 3px;
 background: #C2CEF6;
}

td.rowprice{
font-size:15px;
}