/*----------------------------------------------------------------------------------------------------------------------
/* Default page element styles.  These styles are used if no other 'class' is specified

 /* Default Body background colour and image */
 body {
  margin: 0px 0px 0px 0px;
  color:#ffffff; background-color:#ffffff; 
  background-image:url("http://www.the-e-online.com/common/img/background.gif"); background-repeat:repeat */
 }

 /* Default division style */
 div {
  margin:0px 0px 0px 0px; padding:0px;
  border-style:solid; border-color:transparent; border-width:1px;
  background-color:transparent; background-image:url("http://www.the-e-online.com/common/img/blackfade.gif") }

 /* Default form style */
 form {
  margin:0px 0px 0px 0px; padding:0px;
  background-color:transparent}

 /* Default h1 (title) */
 h1 {
  margin:10px 30px 3px 30px;
  font-family:"Cooper Black", sans-serif; font-size:18pt; color:#400060; background-color:transparent;
  text-decoration:underline; font-weight:bold;
  text-align:Center }

 /* Default h2 (subtitle) */
 h2 {
  margin:10px 30px 3px 10px;
  font-family:"Cooper Black", sans-serif; font-size:14pt; color:#400060; background-color:transparent;
  text-decoration:underline; font-weight:bold;
  text-align:Left }

 /* Default h3 (subtitle) */
 h3 {
  margin:5px 30px 1px 20px; clear:both;
  font-family:"Cooper Black", sans-serif; font-size:12pt; color:#400060; background-color:transparent;
  text-decoration:underline; font-weight:bold;
  text-align:Left }

  /* Default h4 (subtitle) */
 h4 {
  margin:8px 30px 1px 20px; display:block;
  font-family:"Cooper Black", sans-serif; font-size:11pt; color:#400060; background-color:transparent;
  text-decoration:underline; font-weight:bold;
  text-align:Left }

/* Default paragraph */
 p {
  margin:5px 30px 5px 30px;
  font-family:Arial, sans-serif; font-size:12pt; color:#000000; background-color:transparent;
  text-align: Justify; font-weight:normal }

 em {
  font-family:Arial, sans-serif; font-size:16pt; color:#200030;
  text-decoration:underline; font-weight:bold; }

 /* Default List elements */
 ul {
  margin:0px 30px 0px 30px }
 li {
  margin:0px 30px 0px 30px;
  font-family:Arial, sans-serif; font-size:12pt; color:#000000; background-color:transparent;
  text-align: Justify; font-weight:normal }

 /* Default inline frame */
 iframe {
  margin:8px 5% 8px 10%;
  width:85%; height:600px; }

 /* Default anchor */
 a:link {
  font-weight:bold;
  color: #400060; background-color:transparent }
 a:visited {
  font-weight:bold;
  color: #400060; background-color:transparent }
 a:active {
  font-weight:bold;
  color: #000000; background-color:transparent }
 a:hover {
  font-weight:bold;
  color: #600090; background-color:transparent }

 /* Default image */
 img {
  margin:0px 0px 0px 0px;
  border-width:0px;
  vertical-align:middle }

 /* Default line */
 hr {
  margin:0px 30px 0px 30px;
  clear: both;
  border-style:solid; border-width:1px; border-color:#400060;
  color: #400060; background-color:transparent }

 /* Default table */
 table {
  width:auto;
  margin:0px 0px 0px 0px; padding:0px;
  border-style:solid; border-color:#ffffff; border-width:0px 0px 0px 0px;
  background-color:transparent }

 /* Default table data (cell) */
 td {
  margin:0px 0px 0px 0px; padding:0px;
  border-style:solid; border-width:0px; border-color:#ffffff;
  background-color:transparent;
  vertical-align:middle }


/*----------------------------------------------------------------------------------------------------------------------*/
/* Page layout and confinement Styles */

 table.page {
  width:720px; height:100%;
  margin:10px 0px 0px 0px;
  margin-left:auto; margin-right:auto;
  padding:0px; border-width:1px 1px 1px 1px; border-color:#808080;
  background-color:#FFFFFF;
 }

 table.pagefooter {
  width:700px;
  margin:0px 0px 0px 0px;
  margin-left:auto; margin-right:auto;
  padding:0px; border-width:0px 0px 0px 0px; border-color:#000000;
  background-color:transparent;
 }


/*----------------------------------------------------------------------------------------------------------------------*/
/* Navigation Pane Styles */

 table.navbar {
  width:100%;
  margin:0px 0px 5px 0px;
  border-width: 0px 0px 1px 0px; border-color: #808080; border-style:solid;
  background-color:#f0e0ff }

 /* Navigation pane layout */
 table.navlayout {
  width:100%;
  margin:0px 0px 0px 0px;
  background-color:transparent }
 td.navlayout {
  height:21px }

 /* Banner image in the navigation pane */
 td.navimg {
  height:64px; width:128px }
 p.navimg {
  margin:0px 0px 0px 0px;
  font-size:10pt;
  background-color:transparent}

 /* Login bar in the navigation pane. */
 form.navlogin {
  margin:0px 0px 0px 0px; padding:0px;
  background-color:transparent }
 input.navlogintext {
  margin:0px; width:60px; height:13px;
  border-width:1px; border-style:solid; 
  font-size:7pt }
 input.navloginsubmit {
  margin:0px; height:17px;
  border-width:1px; border-style:solid; border-color:#ffffff; 
  font-size:7pt }
 p.navlogin {
  margin:0px 0px 0px 0px;
  font-family:Arial, sans-serif; font-size:10pt; color:#400060; background-color:transparent;
  font-weight:bold }

 /* Main menu in the navigation pane */
 table.navmainmenu {
  width:auto;
  margin:0px 0px 0px 0px;
  background-color:transparent }
 td.navmainmenu {
  height:21px }
 p.navmainmenu {
  margin:0px 0px 0px 0px;
  font-family:Arial, sans-serif; font-size:10pt; color:#400060; background-color:transparent;
  font-weight:bold }

 /* Drop down - pop up menus */
 div.navmenu {
  visibility: hidden;
  position: absolute;
  border-width: 0px;
  background-color:transparent; background-image:none }
 table.navmenu {
  margin:0px;
  border-style:solid; border-color:#400060; border-width:1px;
  background-color:#ffffff }
 p.navmenu {
  font-size:10pt; color:#202020; font-weight:normal;
  margin:0px 3px 0px 3px }
 a.navmenu:link {
  display: block;
  font-weight:normal; text-decoration:none;
  color: #400060; background-color:transparent }
 a.navmenu:visited {
  display: block;
  font-weight:normal; text-decoration:none;
  color: #400060; background-color:transparent }
 a.navmenu:active {
  display: block;
  font-weight:normal; text-decoration:none;
  color: #400060; background-color:transparent }
 a.navmenu:hover {
  display: block;
  font-weight:normal; text-decoration:none;
  color: #000000; background-color:#e0c0ff }


/*----------------------------------------------------------------------------------------------------------------------
/* Horizontal menu bar styles. */

 p.horizmenubar {
  margin:4px 0px 4px 0px; padding:1px 30px 1px 30px;
  border-style:solid; border-color:#808080; border-width:1px 0px 1px 0px;
  background-color:#f0e8d0; color: #000000;
  font-size: 10pt; font-weight:normal;
  text-align:center; vertical-align:middle }
 input.horizmenubar {
  margin:0px; width:120px; height:18px;
  border-width:1px; border-style:solid; 
  font-size:7pt }
 select.horizmenubar {
  margin:0px; width:120px; height:20px;
  border-width:1px; border-style:solid;
  z-index: -1;
  font-size:10pt }






/*----------------------------------------------------------------------------------------------------------------------
/* Styles used in standard forms */

 /* A table to contain and align the components of a form */
 table.form {
  margin:8px 0px 8px 0px;
  margin-left:auto; margin-right:auto;
  padding:0px; width:auto;
  border-style:solid; border-color:#400060; border-width:1px 1px 1px 1px;
  background-color:#fcf8ff }
  
 /* the left column of a form (prompts) */
 td.formleft {
  padding:0px; width:50%;
  border-style:solid; border-width:0px; border-color:#ffffff;
  background-color:transparent;
  vertical-align:middle }
 p.formleft {
  margin:1px 4px 1px 4px;
  text-align:right }

 /* The right column of a form (inputs) */
 td.formright {
  padding:0px;
  border-style:solid; border-width:0px; border-color:#ffffff;
  background-color:transparent;
  vertical-align:middle }
 p.formright {
  margin:1px 4px 1px 4px;
  text-align:left }

 /* Form element text input boxes */
 input.longtextbox {
  border-width:1px; border-style:solid; border-color:#cccccc;
  width:240px; height:18px;
  background-color:#ffffff; color:#400060; font-weight:bold; }
 input.shorttextbox {
  border-width:1px; border-style:solid; border-color:#cccccc;
  width:120px; height:18px;
  background-color:#ffffff; color:#400060; font-weight:bold; }

 /* Form element long select list boxes */
 select.longselectbox {
  border-width:1px; border-style:solid; border-color:#cccccc;
  width:240px; height:20px;
  background-color:#ffffff; color:#400060; font-weight:bold; }
 select.shortselectbox {
  border-width:1px; border-style:solid; border-color:#cccccc;
  width:120px; height:20px;
  background-color:#ffffff; color:#400060; font-weight:bold; }

 /* Form element submit button */
 input.submit {
  border-width:1px; border-style:solid; border-color:#cccccc;
  width:60px; height:24px }


/*----------------------------------------------------------------------------------------------------------------------
/* Styles used in the document body. */



/*----------------------------------------------------------------------------------------------------------------------
/* Styles used within standard tables */

  /* Style to define a table within a table */
  table.inner {
    width: 100%; margin:0px 0px 0px 0px;
    border-style:solid; border-color:#ffffff; border-width:0px}

  /* A paragraph containing a table label (or title) usually within a table data (cell) */
  p.Tablelabel {
    margin:3px 0px 3px 0px;
    font-family:"Cooper Black", sans-serif; font-size:12pt; color:#FFCCFF; background-color:transparent;
    text-align:center }

  /* A paragraph containing a table column heading within a table data (cell) */
  p.tblcolhead {
    margin:3px 0px 3px 0px;
    font-family:"Cooper Black", sans-serif; font-size:16pt; color:#CCCCFF; background-color:transparent;
    font-weight:bold;
    text-align: Center }

  /* centred paragraph within a table data (cell) */
  p.tblcj {
    margin:0px 0px 0px 0px;
    text-align: Center }

  /* left justified paragraph within a table data (cell) */
  p.tbllj {
    margin:0px 0px 0px 0px;
    text-align: left }




/*----------------------------------------------------------------------------------------------------------------------
/* Styles used for highlighted paragraphs such as errors or warnings */

 /* Paragraph containing an error text */
 p.error {
  padding:5px;
  border-style:solid; border-color:#808080; border-width:1px;
  background-color:#ffc0c0;
  font-weight:bold;
  text-align: Center }

 /* Paragraph containing a success text */
 p.success {
  padding:5px;
  border-style:solid; border-color:#808080; border-width:1px;
  background-color:#c0ffc0;
  font-weight:bold;
  text-align: Center }

 /* Paragraph containing an info text */
 p.info {
  padding:5px;
  border-style:solid; border-color:#808080; border-width:1px;
  background-color:#c0c0ff;
  font-weight:bold;
  text-align: Center }

 /* Paragraph containing a warning text */
 p.warning {
  padding:5px;
  border-style:solid; border-color:#808080; border-width:1px;
  background-color:#ffffc0;
  font-weight:bold;
  text-align: Center }


 /* Smallprint paragraph at the page bottom */
 p.smallprint {
  margin:3px 30px 3px 30px;
  font-family:Arial, sans-serif; font-size:7pt; color:#c0c0c0; background-color:transparent;
  text-align: Center }

  /* Default paragraph */
  p.cent {
    text-align: center }

 img.right {
  float: right }

/*----------------------------------------------------------------------------------------------------------------------
/* Styles used for result tables (typically searches) */

 /* A table to hold a search result heading */
 table.resulthead {
  width:85%; margin:5px 5% 0px 10%;
  border-style:solid; border-color:#ffe080; border-width:1px 1px 0px 1px;
  background-color:#f0e8d0 }
 td.resulthead {
  width:60%;
  border-width:0px; border-color:#ffe080;
  background-color:transparent }
 h3.resulthead {
  margin:1px 1px 1px 5px }
 td.resultheadicons {
  border-width:0px; border-color:#ffe080;
  background-color:transparent;
  text-align:right }
 p.resultheadicons {
  margin:0px 0px 0px 0px;
  text-align: right }

 /* A table to hold a search result */
 table.result {
  width:85%; margin:0px 5% 5px 10%;
  border-style:solid; border-color:#ffe080; border-width:0px 1px 1px 1px;
  background-color:#ffffff }
 td.result {
  border-width:1px 0px 0px 0px; border-color:#ffe080 }
 p.result {
  margin:1px 5px 1px 5px }
 td.resulttn {
  height:64px; width:64px;
  border-style:solid; border-width:1px 1px 0px 0px; border-color:#ffe080;
  vertical-align:middle; text-align:center}
 p.resulttn {
  margin:0px 0px 0px 0px }



/*----------------------------------------------------------------------------------------------------------------------
/* Styles used for order forms */
  /* A form in the product list */
  form.listorder {
    margin:0px 0px 0px 0px; padding:0px;
    background-color:transparent }

  /* Input (text) boxes in the list form */
  input.listordertext {
    margin:0px; width:40px; height:13px;
    border-width:1px; border-style:solid; 
    font-size:7pt }

  /* Submits in the list form */
  input.listordersubmit {
    margin:0px; width:70px; height:17px;
    border-width:1px; border-style:solid; border-color:#ffffff; 
    font-size:7pt }


/*----------------------------------------------------------------------------------------------------------------------
/* Styles used on productdetail pages */

 table.productimage {
  margin:8px 0px 8px 0px;
  width: 740px;
  margin-left:auto; margin-right:auto;
  border-style:solid; border-color:#808080; border-width:1px 1px 1px 1px;
  background-color:000000 }
 p.productimage {
  margin:5px 5px 5px 5px;
  text-align: center }
 p.productimagetext {
  margin:0px 5px 0px 5px;
  font-family:Arial, sans-serif; font-size:12pt; color:#ffffff; background-color:transparent;
  text-align: center }

 /* Body background colour and image for image galleries*/
 body.galleryslides {
  margin: 0px 0px 0px 0px;
  color:#ffffff; background-color:#000000; 
  background-image:none;
 }