body {
  margin:0;
  padding:0;
  font:normal 70% Arial,Helvetica,sans-serif;
  color:#483556;
  background:#dad9d9;
}
.form {
font:normal 100% Arial,Helvetica,sans-serif;
}
a {
  text-decoration:none;
  color:#9b003c;
  background:#fff;
}
* html a {
  height:1%;
}
a:hover {
  text-decoration:underline;
}

h1 {
  margin:0;
  padding:5px;
  font-size:1.5em;
  color:#9b003c;
}
h2 {
  margin:0;
  padding:0;
  font-size:1.2em;
  color:#9b003c;
  background:#fff;
}
h3 {
  margin:0;
  padding:0;
  font-size:1.1em;
  color:#483556;
  background:#fff;
}
img {
  border:0;
}

ol,ul,li {
  margin:0;
  padding:0;
}

input.submit {
  margin:5px;
  padding:0 5px;
  cursor:hand;
  border:1px solid #ccc;
  color:#767676;
  background:#eee;
}

div#holder-home,div#holder-aboutus,div#holder-packages,div#holder-software,div#holder-contactus,div#holder-howtoorder {
  width:779px;
  margin:0 auto;
  padding:0 15px 5px 15px;
  background:#dad9d9 url('/images/back-holder.jpg') repeat-y top left;
}
div#holder-home div#topnav a#nav-home {color:#fde800; background:#634f72;}
div#holder-aboutus div#topnav a#nav-aboutus {color:#fde800; background:#634f72;}
div#holder-packages div#topnav a#nav-packages {color:#fde800; background:#634f72;}
div#holder-software div#topnav a#nav-software {color:#fde800; background:#634f72;}
div#holder-contactus div#topnav a#nav-contactus {color:#fde800; background:#634f72;}
div#holder-howtoorder div#topnav a#nav-howtoorder {color:#fde800; background:#634f72;}
div#holder-howtoorder div#content p,div#holder-howtoorder div#content h2 {margin:15px 5px 0 5px;}

div#header {
  margin:0 5px;
  padding-bottom:8px;
  background:#fff url('/images/back-header.jpg') repeat-x bottom left;
}
div#header img#co-logo {
  margin:20px;
  float:right;
}
div#header img#elc-logo {
  margin:5px;
}
div#header div#topnav {
  padding:13px 5px;
  letter-spacing:1px;
  border-top:12px solid #493458;
  color:#98919d;
  background:#634f72;
}
div#header div#topnav a {
  margin:0 10px;
  color:#fff;
  background:#634f72;
}
div#header div#topnav a:hover {
  color:#fde800;
  background:#634f72;
}

div#main {
  margin:0 5px;
}

div#homebanner {
  padding:7px 0 10px 0;
  background:#eeeff3 url('/images/back-homebanner.jpg') no-repeat bottom left;
}
div#homebanner div#homebanner-right {
  margin:0;
  padding:0 0 0 420px;
}
div#homebanner div#homebanner-right div.deal {
  float:left;
  width:150px;
  margin:0;
  padding:0;
  background:#eeeff3 url('/images/back-deal.gif') no-repeat top left;
}
div#homebanner div#homebanner-right div.deal span.highlight {
  color:#9b003c;
}
div#homebanner div#homebanner-right div.deal p {
  margin:18px 0 10px 5px;
}
div#homebanner div#homebanner-right div.deal img#deal-software {
  margin:12px 0 0 30px;
}
div#homebanner div#homebanner-right div.deal img#deal-drive {
  margin:10px 0 0 10px;
}
div#homebanner div#homebanner-right div#plus {
  float:left;
  width:35px;
  margin-top:40px;
  padding:0;
  color:#634F72;
  background:#eeeff3;
}
div#homebanner div#homebanner-right div#plus p {
  font-size:32px;
  text-align:center;
}
div#homebanner div#homebanner-right a#link-packages {
  display:block;
  clear:both;
  margin:0;
  padding:11px 55px;
  font-size:11px;
  background:#eeeff3 url('/images/back-packages.gif') no-repeat top left;
}
div#homebanner div#homebanner-right a#link-packages img {
  padding:2px;
  border:0;
}

div#softwarelinks {
  margin:15px 0;
  padding:12px 0 12px 8px;
  background:#f6f1f3;
}
* html div#softwarelinks {
  height:1%;
}
div#softwarelinks:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
div#softwarelinks div.packages {
  float:left;
  width:140px;
  margin-right:3px;
  padding:3px;
  border:1px solid #e5e5e5;
  background:#fff;
}
div#softwarelinks div.packages h1 {
  font-size:1.0em;
  background:#eee;
}
div#softwarelinks div.packages h1.keystage {color:#44655c;}
div#softwarelinks div.packages h1.gcse {color:#384387;}
div#softwarelinks div.packages h1.usb {color:#873855;}
div#softwarelinks div.packages img.product {
  padding:15px 0 10px 10px;
}
div#softwarelinks div.packages img.more {
  padding:0 2px;
}
div#softwarelinks div.packages a {
  display:block;
  padding:5px 0;
  text-align:right;
  background:#f7f7f7;
}
div#softwarelinks div.packages a:hover {
  text-decoration:none;
  background:#eee;
}

div#leftnav {
  float:left;
  width:132px;
  margin:0;
  padding:0 10px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  background:#fff;
}
div#leftnav h1 {
  padding:10px 5px 7px 5px;
  font-size:1.0em;
  text-align:center;
  border-bottom:1px dotted #634f72;
}
div#leftnav h2 {
  margin:10px 0;
  padding:0;
  font-size:1.0em;
}
div#leftnav p {
  margin:0 0 10px 0;
  padding:0;
}
div#leftnav ul li {
  padding:7px 0 7px 20px;
  list-style:none outside;
  border-bottom:1px dotted #634f72;
  background:#fff url('/images/link-arrows.gif') no-repeat 9px left;
}
div#leftnav ol li {
  list-style:inside;
  font-size:0.9em;
  padding:7px 0 7px 0;
}

div#content {
  float:left;
  width:467px;
  background:#fff;
}
* html div#content {
  height:1%;
}
div#content:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
div#contentinner {
  float:left;
  width:619px;
  background:#fff;
}
* html div#contentinner {
  height:1%;
}
div#contentinner:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

div#content div.item-software {
  padding:5px;
  margin:10px;
  border:1px solid #e5e5e5;
  background:#fff url('/images/logo-co-small.gif') no-repeat 10px 10px;
  height: 105px;
}

* html div.item-software {
  height:1%;
}
div.item-software:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
div#content div.item-software img.item {
  float:right;
  margin-left:5px;
}
div#content div.item-software h1 {
  margin:10px;
  margin-left:40px;
  padding:0;
  font-size:1.1em;
}

div#content div.item-software p {
  margin-left:10px;
  padding:0;
}
div#content div.item-software a {
  margin-left:10px;
  padding:0;
}

div#content div.item-software-full {
  padding:5px;
  margin:10px;
  border:1px solid #e5e5e5;
  background:#fff url('/images/logo-co-small.gif') no-repeat 10px 10px;
}

* html div.item-software-full {
  height:1%;
}
div.item-software-full:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
div#content div.item-software-full img.item {
  float:right;
  margin-left:5px;
}
div#content div.item-software-full h1 {
  margin:10px;
  margin-left:40px;
  padding:0;
  font-size:1.1em;
}
div#content div.item-software-full h2 {
  margin:10px;
  padding:0;
  font-size:1.1em;
  color:#483556;
  background:#fff;
}
div#content div.item-software-full h3 {
  margin:10px;
  padding:0;
  font-size:1.1em;
}

div#content div.item-software-full p {
  margin-left:10px;
  padding:0;
}
div#content div.item-software-full a {
  margin-left:10px;
  padding:0;
}

div#contenttext {
  padding: 15px 30px 10px 30px;
  background:#fff;
}
div#contenttext h1 {
  margin:0px;
  padding:0;
}

div#contenttext img.item {
  float:right;
  margin-left:15px;
}

div#rightside {
  float:left;
  width:150px;
  padding:7px 0;
  background:#fff;
}
div#rightside_sw {
  float:right;
  width:150px;
  padding:7px 0;
  background:#fff;
}

div#footer {
  clear:both;
  margin:5px 5px 0 5px;
  padding:8px;
  font-size:11px;
  color:#333;
  background:#e6e6e6;
}
* html div#footer {
  height:1%;
}
div#footer:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
div#footer a {
  color:#333;
  background:#e6e6e6;
}
div#footer a:hover {
  text-decoration:underline;
  color:#333;
  background:#e6e6e6;
}