/********************/
/* Top level styles */
/********************/

img#logo
{
    float:left;
}

ul
{
    margin: 0 0 1em 12px;
    padding: 0;
    list-style: url(/images/back-ul-li.gif);
    line-height: 1.6em;
}

div.clear
{
    clear: both;
}

p
{
    line-height: 1.6em;
}

p.italictxt
{
    font-style: italic;
}

/**********************/
/* site layout styles */
/**********************/

/* variable width containing div */
div.container
{
    min-width: 740px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
}
* html div.container {
    width: expression(document.documentElement.clientWidth < 779 ? "739px": document.documentElement.clientWidth > 1000?  "960px" : "auto");
}

div.header
{
    margin: 0;
    padding: 20px 0 0 0;
}

/* colour bar at the top of the site */
div.pagebar
{
    background-color: #fff;
/*  background: url(/images/back-header.jpg) bottom left; */
    background: url(/images/back-header-200911.jpg) bottom left;
    background-repeat: repeat-x;
    clear: both;
}

div.phone
{
    position: absolute;
    width: 290px;
    height: 140px;
/*    background: url(/images/back-header-phone.jpg) no-repeat bottom left; */
}

div.watermark
{
    height: 140px;
/*    background: url(/images/back-header-watermark.jpg) no-repeat bottom right; */
}

div.searchsite
{
    float: right;
    padding: 14px 4px 0 4px;
}

input.searchsitesubmit
{
    padding: 0;
    color: #fff;
    background: #999;
    border: 1px solid #666;
}

input.searchsidesubmit
{
    float: right;
    padding: 0;
    color: #fff;
    background: #999;
    border: 1px solid #666;
}

ul.navbar
{
    float: right;
    margin: 0;
    padding: 18px 6px 4px 20px;
    list-style: none;
}

ul.navbar li
{
    float:left;
}

ul.navbar li a
{
    padding: 4px 6px 4px 8px;
    white-space: nowrap;
    background: url(/images/back-navbar-li.gif) no-repeat right center; 
}

/* left panel */

div.left
{
    float: left;
    margin: 0 1px 0 0;
    width: 161px;
}

div.login
{
    padding: 4px 8px 0 8px;
    text-align: right;
    color: #666;
    background: #fff;
    border-top: 1px solid #ccc;
}

div.login h2
{
    margin: 0;
    padding: 4px 0;
    text-align: left;
    font-size: 1em;
    color: #999;
    background: inherit;
}

div.login input#loginsubmit
{
    padding: 0;
    color: #fff;
    background: #999;
    border: 1px solid #666;
}

div.login ul
{
    margin: 4px 0 4px 10px;
}

div.login ul li a {
    display: block;
    text-align: left;
}

div.blah
{
    margin-bottom: 2px;
}

/* main page body */

div.bodytop
{
    margin: 0 0 0 162px;
    padding: 12px 4px;
    color: #666;
    background: #fff url(/images/back-breadcrumbs.gif) repeat-x top left;
}

div.body
{
    margin: 0 0 0 162px;
    border-right: 1px solid #ccc;
}

div.main
{
    margin: 0;
    padding: 0 0 0 1px;
    background: url(/images/back-main.gif) repeat-y left top;
    border-bottom: 1px solid #ccc;
}

/*********************/
/* Navigation Styles */
/*********************/

ul.navmenu
{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

ul.navmenu li
{
    border-top: 1px solid #ccc;
}

ul.navmenu li a
{
    color: #fff;
    display: block;
    padding: 1px 5px;
    font-weight: bold;
}

ul.navmenu li#myaccount a
{
    background:#E8C66F;
}

ul.navmenu li#eshop a
{
    background:#B494CB;
}

ul.navmenu li#downloadarea a
{
    background:#BFAECB;
}

ul.navmenu li#tools a
{
    background:#C793AA;
}

ul.navmenu li#print a
{
    background:#80BB9F;
}

ul.navmenu li#manuals a
{
    background:#AECFF0;
}

ul.navmenu li#booklets a
{
    background:#94ABCB;
}

ul.navmenu li#books a
{
    background:#A6BFE2;
}

ul.navmenu li#reading a
{
    background:#D3BA81;
}

/* hide subnav on index, use section stylesheets to show with display: inline; */
ul.navmenu ul {
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
}
ul.navmenu li#eshop ul,
ul.navmenu li#tools ul,
ul.navmenu li#print ul,
ul.navmenu li#manuals ul,
ul.navmenu li#booklets ul,
ul.navmenu li#books ul,
ul.navmenu li#reading ul {
  display:none;
}

/* subnav style for each section */
ul.navmenu ul li a,ul.navmenu li#eshop ul li a, ul.navmenu li#tools ul li a, ul.navmenu li#print ul li a, ul.navmenu li#manuals ul li a, ul.navmenu li#booklets ul li a, ul.navmenu li#books ul li a, ul.navmenu li#reading ul li a
{
    padding: 1px 5px 1px 20px;
    font-weight: normal;
    color: #666;
    background: #fff url(/images/back-navmenu-li-ul-li-a.gif) no-repeat 12px 0.9em;
}
ul.navmenu ul ul li a,ul.navmenu ul ul li a {
  padding:1px 5px 1px 35px;
  background:#fff url('../images/back-navmenu-li-ul-li-a.gif') no-repeat 27px 0.9em;
}


/*******************/
/* Body top styles */
/*******************/

a#basketlink
{
    float: right;
    margin: 0 0 0 8px;
    padding: 0 0 0 22px;
    background: url(/images/back-basketlink.gif) no-repeat left;
}


/*********************************/
/* Body Content Container Styles */
/*********************************/

div.content
{
    min-height:1%;
    margin-right: 185px;
}

/* solves some bugs with IE */
* html div.content {
  height: 1%;
}

div.sidebar
{
    float: right;
    width: 160px;
    margin: 0 0 12px 12px;
    padding: 0 0 0 12px;
    border-left: 1px solid #ccc;
}

/*****************/
/* Footer styles */
/*****************/

div.footer
{
  padding: 5px 6px;
  font-size: 0.9em;
  color: #666;
  background: #eee;
  border-bottom: 4px solid #99B9DF;
}

div.footer a
{
  color: #618FB8;
  background: #eee;
}

/****************/
/* Table styles */
/****************/

table
{
    margin: 0 0 1em 0;
    border-bottom: 1px solid #ddd;
}

table caption
{
    padding: 0 0 8px 0;
    text-align: left;
    line-height: 1.6em;
    font-style: normal;
}

table tr th
{
    padding: 2px 6px;
    text-align: left;
    color: #666;
    background: #eee;
    border-top: 1px solid #ddd;
}

table tr td
{
    padding: 2px 4px;
    text-align: left;
    border-top: 1px solid #ddd;
}

table.blank
{
    border-bottom: none;
    width: 99%;
}

table.blank tr td
{
    border-top: none;
}

table.blank tr td table tr td
{
    padding: 2px 4px;
    text-align: left;
    border-top: 1px solid #ddd;
}

/*
input styles
*/

input.submitbtn
{
  margin:0 0 0 87px;
  padding:0;
  color:#fff;
  background:#999;
  border:1px solid #666;
}

input.quantity
{
    width: 30px;
}

/*
misc
*/

p.errortxt
{
    color: #ff0000;
}