body {
  margin:0;
  padding:0;
  text-align:center;
  font:normal 70% Arial,Helvetica,sans-serif;
  color:#777;
  background:#fff;
}

h1 {
  margin:0 0 0.4em 0;
  padding:0;
  font-size:1.5em;
}

h2 {
  margin:0;
  padding:0;
  font-size:1.2em;
}

h3 {
  margin:0.5em 0 0 0;
  padding:0;
  font-size:1em;
}

p {
  margin:0.8em 0 0 0;
  color: #777;
}

a,a:visited {
  color: #0a2885;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

ol,ul {
  margin:0.8em 0 0 0;
  padding:0 0 0 16px;
}


/* Images
------------ */

img {
  border:0;
}


/* Forms
----------- */

form {
  margin:0;
  padding:0;
}

input,select,textarea {
  font:normal 1em Arial,Helvetica,sans-serif;
}
input.button {
  width:auto;
  padding:10px 16px;
  color:#0a2885;
  background:url('img/btn-back.gif') repeat-x 0 bottom;
  border:1px solid #e5e5e5;
  overflow:visible;
}
div.buttons {
  padding:10px 0 0 0;
}
div.buttons input.button {
  margin:0 10px 0 0;
}

form div.row {
  margin: 0.4em 0;
}
form div.row label.label {
  float:left;
  width:100px;
  padding:4px 0;
}

form div.row3,
form div.row2 {
  float: left;
  display:inline;
  margin: 0 5px 0 0; 
}
form div.row3 input,
form div.row2 input {
  float:left;
}
form div.row3 label,
form div.row2 label {
  width: 300px;
  float: left;
  margin: 0 0 0 15px;
  padding: 3px 0;
}
form div.row3 {
  background-color: #8eC1E5;
  color: #fff;
}
form h2 {
  clear:both;
  margin: 0 0 0.8em 0;
  padding: 0.8em 0 0 0;
}
form h3 {
  clear:both;
  padding: 0.8em 0 0 0;
}




/* General alignment
----------------------- */

.textright { text-align:right; }
.textleft { text-align:left; }
.textcenter { text-align:center; }

.right {  float:right; }
.left {  float:left; }
.clear { clear:both; }


/* Holder
------------ */

div#holder {
  width:770px;
  margin:0 auto;
  padding:10px 0 0 0;
  text-align:left;
  background-color:#fff;
}

/* Header
---------- */

div#header {
  background: url('img/header.jpg') no-repeat 0 0;
  background-color: #fff;
  height:175px;
}

div#breadcrumb {
  position: absolute;
  top: 20px;
  padding: 0 0 0 10px;
}
div#breadcrumb { color: #777; }
div#breadcrumb a, div#breadcrumb a:visited {
  color: #0a2885;
  text-decoration:none;
}
div#breadcrumb a:hover {
  text-decoration: underline;
}
div#breadcrumb span { color: #3399cc; }
div#breadcrumb span.divider { color: #333; padding: 0 3px; }
div#breadcrumb span.date {
  font-weight:bold;
  color: #032282;
}

div#logo {
  position: absolute;
}
div#logo a, div#logo a:visited {
  position: relative;
  top: 55px;
  left: 7px;
}

ul#sitenav {
  position:relative;
  top: 143px;
  width: 768px;
  height: 33px;
  margin:0 0 0 0;
  padding:0;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  list-style:none;
  background: url('img/nav-back.gif') repeat-x 0 0;
}

ul#sitenav li {
  float:left;
  border-right: 1px solid #e5e5e5;
  color: #052383;
  display:inline;
}
ul#sitenav li a, ul#sitenav li a:visited {
  float:left;
  color: #052383;
  text-decoration:none;
  padding: 9px 9px 9px 9px;
}
ul#sitenav li a:hover {
  background-color: #8eC1E5;
}

/* Header 2
---------- */

div#header2 {
  background: url('img/header2.jpg') no-repeat 0 0;
  background-color: #fff;
  min-height: 200px;
  margin: 12px 0 0 0;
}

div#header2 div#flash {
  float:left;
  width:520px;
  height:200px;
}

div#header2 ul {
  margin: 0 0 0 530px;
  padding: 0;
  list-style: none;
}

div#header2 ul li {
  padding: 0 0 2px 15px;
  background: url('img/arrow.gif') no-repeat 0 4px;
  background-color: transparent;
}

div#header2 h2 {
  margin: 0 0 10px 530px;
  padding: 15px 0 0 0;
  font-size: 1em;
  font-weight: normal;
}


/* Main
---------- */

div#main {
  margin:10px 0 0 0;
  padding:0 0 0 0;
}
.page2 div#main {
  margin: 20px 0 0 0 ;
}

div#left {
  float: left;
  width: 178px;
  margin:0 0 10px 0; padding:0;
  display:inline;
}

div#right {
  float: right;
  width: 250px;
  margin:0 0 10px 0; padding:0;
  display:inline;
}

div#content {
  margin: 0 0 0 190px;
}
.page2 div#content {
  margin: 0 260px 0 190px;
}
.page div#content {
  margin: 0 0 0 0;
}



/* Left
---------- */
div#left h2 {
  background: url('img/heading.gif') repeat-x 0 0;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  background-color: #f8f8f8;
  color: #777;
  font-weight: bold;
  height: 21px;
  margin: 0;
  padding: 10px 0 0 10px;
  font-size: 1em;
}

div#left ul {
  margin: 0;
  padding:0 0 25px 0;
  background: url('img/left-back.gif') repeat-x 0 0;
  background-color: #f7f7f7;
  list-style:none;
  width: 178px;
}
div#left ul li {
  border-bottom: 1px solid #eee;
}

div#left ul li a, div#left ul li a:visited {
  text-decoration:none;
  color: #0a2885;
  display:block;
  padding: 7px 10px 4px 10px;
  width: 158px;
}
div#left ul li.selected a, div#left ul li.selected a:visited {
  color: #3399cc;
}
div#left ul li a:hover,
div#left ul li.selected a:hover {
  background-color: #8eC1E5;
  color: #fff;
}


/* Right
---------- */
div#right h2 {
  background: url('img/heading.gif') repeat-x 0 0;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  background-color: #f8f8f8;
  color: #777;
  font-weight: bold;
  height: 21px;
  margin: 0;
  padding: 10px 0 0 10px;
  font-size: 1em;
}


/* Content
---------- */

div#content h1 {
  background-color: #8eC1E5;
  height: 45px;
  padding: 9px 0 0 10px;
  color: #fff;
  margin: 0 0 20px 0;
}

.page2 div#content h1 {
  background: url('img/heading.gif') repeat-x 0 0;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  background-color: #f8f8f8;
  color: #777;
  font-weight: bold;
  height: 21px;
  margin: 0;
  padding: 10px 0 0 10px;
  font-size: 1em;
}

.page2 div#content p {
  margin-left: 10px;
}


/* Product list
---------- */

div.product {
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #eee;
}

div.product img {
  float: left;
  padding: 0 10px 5px 0;
}

div#right div.product img {
  border: 1px solid #ececec;
  padding: 4px;
  margin: 0 10px 10px 0;
}

div.product div.orderform {
  float: right;
  background: url('img/btn-back.gif') repeat-x 0 0;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  margin: 0 0 10px 50px;
}
div.product div.orderform a, div.product div.orderform a:visited {
  height: 24px;
  display:block;
  padding: 10px 16px 0 16px;
  text-decoration:none;
  color: #0a2885;
}

div#main div.product h2 {
  font-weight: normal;
  font-size: 1em;
  color: #0a2885;
  margin: 0 0 0.8em 90px;
  padding: 0;
  background:none;
  border: 0px;
  height:auto;
}

div.product h3 {
  font-weight: bold;
  font-size: 1em;
  color: #777;
  margin: 0 0 0.8em 90px;
}

div.product p {
  margin: 0 0 0.8em 90px;
}

div#right div.product p,
div#right div.product h2 {
  margin: 0 0 0.8em 95px;
}


/* Order Form
-------------- */

div#data1,div#data2 {
  float:left;
  width:385px;
}



/* Footer
---------- */

div#footer {
  border-top: 1px solid #eee;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  clear:both;
}
div#footer div {
  background-color: #fefefe;
  padding: 10px 0 10px 10px;
  background: url('img/footer-back.gif') repeat-x 0 0;
}
div#footer a, div#footer a:visited {
  color: #0a2885;
  text-decoration:none;
}
div#footer a:hover {
  text-decoration: underline;
}

div.footer2 {
  margin: 0 0 10px 0;
  clear:both;
  background: url('img/footer2-back.gif') repeat-y 0 0;
  background-color: transparent;
  width: 770px;
  
}
div.footer2holder {
  padding: 18px 0 0 0;
  margin: 0;
  background: url('img/footer2-backup.gif') no-repeat 0 0;
  background-color: transparent;
}

div.footer2 div.col {
  float: left;
  width: 177px;
  margin: 0 0 10px 15px;
  padding: 0;
  display:inline;
}

div.footer2 div.col h2 {
  font-size: 1em;
  margin: 0 0 0.8em 0;
  padding:0;
}

div.footer2 div.col img {
  float: left;
}

div.footer2 div.col h3 {
  font-size: 1em;
  margin: 0 10px 0.8em 60px;
  color: #0a2885;
  font-weight:normal;
}
div.footer2 div.col p {
  margin: 0 10px 0.8em 60px;
}

div.footer2 div.col p.contact {
  line-height: 1.8em;
  margin: 0;
}