/* Common */
body,table,input,select,textarea { 
  font-family:Arial, sans-serif; 
  font-size:100%;
  line-height: 1.125em;
}

/* Remove padding and margin */
*
    {
    margin: 0;
    padding: 0;
    border: 0;
}

body {   
  color: #000;
  background: #004578 url('../images/i-bg-body.gif') repeat-x;  
}

h1 {
  margin: 0 0 1.25em 0;
  font-size: 1.125em;
  color: #0060a8;
}

h2 {
  font-size: 0.875em;
  color: #0060a8;
  margin: 1.5em 0 1em 0;  
}

h3 {
  font-size: 0.75em;
  margin: 15px 0 10px 0;    
}

#content a {
  color: #009370;
  text-decoration:none;
}

#content a:hover {
  border-bottom: #009370 dashed 1px;
}

#content p, #content ul { 
  margin:1em 0;
  font-size: 0.75em; 
}

#content ul {
  margin: 0 2em;
}

#content li {
  background: transparent url('../images/g-list-icon.gif') no-repeat 0 3px;
  list-style: none;
  padding: 0 0 0 15px;
}

dl.col {
  font-size: 0.75em;
}

dl.col dt { 
  float:left; 
  width:5em;
  font-weight: bold;
}

dl.col dd { 
  margin-left:5.5em;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr { 
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

img.right {
  border: #e7f0f7 solid 1px;
  padding: 4px;
  margin: 0 0 10px 10px;
}

.left {
  float:left;
}

/* messages / errors box */
.Msg {
  margin: 1em 0;
}

.Msg ul {
  padding: 0.5em;
  list-style-type: none;
}

.Messages ul {
  border: 1px solid darkblue;
  background-color: lightblue;
}

.Errors ul {
  border: 1px solid darkred;
  background-color: pink;
}

/* Layout */

#constrain {
  width: 1020px;
  margin: 0 auto;
  position: relative;  
}

#side-wrapper {
  width: 250px;
  position: absolute;
  top: 0;
  left: 0;  
}

#header {
  height: 158px;
}

  /* Side Navigation */
  
  #nav-side {
    margin: 0 0 0 10px;
    background: #fff url('../images/i-bg-sidewrapper.gif') repeat-y right top;
    padding: 20px 0;
  }
  
  #nav-side li {
    list-style: none;
  }
  
  #nav-side a {
    display: block;
    line-height: 26px;
    text-decoration: none;
    color: #0060a8;
    font-weight: bold;
    padding: 0 20px; 
  }
  
  #nav-side a:hover {
    background: transparent url('../images/i-bg-nav.gif') no-repeat;
    color: #fff;
  }

#content-wrapper {
  background: transparent url('../images/i-shadow.png') repeat-y;    
  margin: 0 0 0 200px;
  padding: 0 50px;    
}

#content {
  padding: 20px; 
  min-height: 268px;
}

#footer {
  background: transparent url('../images/i-bg-footer.gif') no-repeat;
  height: 72px;
  color: #fff;    
}

  #footer .cta-email {
    background: transparent url('../images/g-button-large.png') no-repeat;
    display: block;
    width: 183px;
    height: 38px;
    padding: 17px 33px;
  }
  
  #footer .cta-email {
    font-size: 0.875em;
    font-weight: bold;
  }
  
  #footer .cta-email a {
    color: #fff;
    text-decoration: none;
  }
  
  #footer dl {
    padding: 20px;
  }

#author {
  background: transparent url('../images/i-shadow-b.gif') no-repeat;
  width: 770px;
  margin: 0 0 0 200px;
  text-align: right;
  padding: 0 50px 0 0;
}

  #author a {
    text-decoration: none;
    color: #80a1ba;
    font-size: 0.69em;
    line-height: 50px;    
  }

/* Button */

#content a.button {
  background: transparent url('../images/g-button-r.gif') no-repeat scroll top right;
  color: #fff;
  display: block;
  float: right;    
  font-size: 0.75em;
  height: 26px;    
  margin:10px 6px 5px 0;
  padding-right: 10px; /* sliding doors padding */
  text-decoration: none;
  cursor:pointer;  
  border: 0;
}

#content a.button span {
  background: transparent url('../images/g-button-l.gif') no-repeat;
  display: block;
  line-height: 26px;
  padding: 0 4px 0 10px;
  height:26px;
}

#content a:hover.button, #content a:hover.button {
  color: #fff;
  background-position: bottom right;
}

#content a:hover.button span {
  background-position: bottom left;
}

#content a.button-blue {
  background: transparent url('../images/g-button-r-b.gif') no-repeat scroll top right;
}

#content a.button-blue span {
  background: transparent url('../images/g-button-l-b.gif') no-repeat;
}

/* Highlight */

.highlight {
  width: 220px;
  background-color: #e7f0f7;
  margin: 0 2px;
}

.highlight img {
  border-bottom: #bfd7e9 solid 2px;
}

.highlight-inner {
  padding: 10px;
}

.highlight h2 {
  margin: 0;
}

/* Categories */

.category {
  width: 132px;
  background-color: #e7f0f7;
  margin: 0 2px;
}

.category img {
  border-bottom: #bfd7e9 solid 2px;
}

.category a.button {
  width: 110px;
}

#content .category a:hover, #content .highlight a:hover {
  border: 0;
}

/* Bestsellers */

.bestseller {
  width: 215px;
  background-color: #e7f0f7;
  margin: 0 2px 4px 2px;
  height: 102px;
  padding: 0 0 0 5px;
}

.bestseller h2, .bestseller h3 {
  margin: 5px 0 0 0;
}

.bestseller img {
  margin: 0 0 0 10px;
}

#content .bestseller p {
  margin: 0;
}

/* Download List */

#content ul.downloads li {
  background: transparent url('../images/pdf.gif') no-repeat 0 2px;
  padding: 0 0 0 20px;
  line-height: 1.75em;
}

#content ul.downloads li.word { background: transparent url('../images/g-word.gif') no-repeat 0 2px; }
#content ul.downloads li.excel { background: transparent url('../images/g-excel.gif') no-repeat 0 2px; }