 /* Roberts Radio style.css */

body { top: 0; left: 0; margin: 0;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       color: #000000;
       /*background: url(../gifs/bg.jpg) top center no-repeat #6B7A99;*/
       background: url(../gifs/wrapperbg.gif) top center repeat-y #6B7A99;       
       text-align: center;
     }

body.popup { background-image: none; background-color: #ffffff; text-align: left; }
/* blocks */

div#layout         { position: absolute; top: 0; left: 0; width: 100%;}
div#background     { position: absolute; top: 0; left: 0; width: 100%; height: 884px; background: url(../gifs/bg.jpg) center top no-repeat; z-index: 0;}
div#contentouter   { position: absolute; top: 100px; left: 0; width: 100%; z-index: 2; background: url(../gifs/wrapperbg.jpg) top center no-repeat;  }
div#contentinner   { margin: 0 auto; width: 956px; text-align: left;}

div#contentcol     { float: left; width: 712px; text-align: left; font-size: 80%; overflow: hidden; padding-bottom: 20px !important; padding-bottom: 0; display: inline;}
div#contentcolecom     { float: left; width: 956px; text-align: left; font-size: 80%; overflow: hidden; padding-bottom: 20px !important; padding-bottom: 0; display: inline;}
div#contentcolwide { float: left; width: 956px; text-align: left; font-size: 80%; padding-bottom: 20px;}
div#popuppagecontent   { clear: both; width: 650px; height: 550px; overflow: auto; font-size: 80%; padding-top: 16px;}
div#rightcol       { float: right; width: 239px; font-size: 80%; margin: 2px 0 0 0 !important; margin: 4px 0 0 0; background-color: #EBEEF5;
                     padding-top: 14px !important; padding-top: 12px; padding-bottom: 10px; display: inline; }
body.default div#rightcol { background-color: #ffffff; margin: 0 !important; padding-top: 0 !important; }
div#fixedtopleft   { float: left; width: 712px; height: 278px; overflow: hidden; text-align: left; }
body.default div#fixedtopleft { height: auto; }
div#fixedtopright  { float: right; width: 239px; height: 278px; font-size: 80%; overflow: hidden; text-align: left;}


div#headerouter    { position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 4; background: url(../gifs/headerouterbg.gif) top center no-repeat; }
div#headerinner    { margin: 0 auto; width: 956px; height: 100px; background: url(../gifs/headerbg.gif) top left no-repeat; text-align: left; }
div#headerinnerecom    { margin: 0 auto; width: 956px; height: 100px; background: url(../gifs/headerbg2.gif) top left no-repeat; text-align: left; }
body.popup div#header { width: 650px; height: 100px; background: url(../gifs/popupheaderbg.gif) top left repeat-x; text-align: left; }
div#headersub      { float: left; background: url(../gifs/headersubbg.gif) center top no-repeat; width: 956px; height: 42px;}
div#logo           { float: left; height: 47px; width: 186px; margin-top: 9px; margin-bottom: 3px; }
div#close          { float: right; margin-top: 34px; margin-right: 12px; font-size: 80%;}
div#search         { float: right; width: 138px; }
div#mini_basket    { float: right; color: #fff; font-size: 70%; margin-top: 23px; margin-right: 5px;  }
div#topnav         { float: right; margin-top: 23px; }

/*div#mainnav        { display: inline; clear: left; float: left; width: 712px; height: 23px; background-color: #585D91; }*/
div#mainnav        { position: absolute; top: 59px; left: 50%; margin-left: -478px; width: 956px; height: 23px; background-color: #585D91; z-index: 1; }


/* mini basket */
div#mini_basket a { color: #fff; text-decoration: underline; }

/*div#login          { float: right; clear: right; margin-top: 17px !important; margin-top: 19px; width: 240px; text-align: center; font-size: 80%; background-color: #8A8DA8;}*/
div#login          { position: absolute; top: 59px; left: 50%; margin-left: 235px; width: 243px; text-align: center; font-size: 80%; z-index: 2;}
div#login img.login { position: relative; top: -2px;}

div#loginecom        { float: right; clear: right; margin-top: 36px !important; margin-top: 19px; width: 244px; text-align: center; font-size: 80%; background-color: #8A8DA8;}

/*div#crumb          { float: left; width: 707px; height: 16px; padding-left: 5px; display: inline; 
                     overflow: hidden; line-height: 16px;  background-color: #ffffff; font-size: 70%; }*/
div#crumb          { position: absolute; top: 82px; left: 50%; margin-left: -478px; width: 707px; height: 16px; padding-left: 5px; overflow: hidden; line-height: 16px;  background-color: #ffffff; font-size: 70%; }

div#royalwarrant   { text-align: center; width: 233px; float: right; padding-top: 5px; padding-bottom: 5px;  }
body.product div#royalwarrant { border-bottom: 2px solid #8B8B8B;}
div#DAB            { width: 233px; float: right; background-color: #D5D6E5; padding: 7px 0; display: inline; margin-top: 0; margin-bottom: 4px; }
div#stockist       { width: 231px !important; width: 233px; height: 68px; float: right;
                     border: 1px solid #000000; margin-top: 3px; margin-bottom: 4px;}
div#competition    { width: 231px !important; width: 233px; height: 105px; overflow: hidden; float: right; border: 1px solid #000000;
                     margin-top: 3px; margin-bottom: 4px; text-align: center;}

div#footer         { clear: both; width: 956px; height: 52px; font-size: 65%; color: #000000; text-align: center;
                  background: url(../gifs/footerbg.gif) left top repeat-x #ffffff;}


/* topnav */
div#topnav ul.menu      { list-style-type: none; margin: 0; padding: 0; text-align: left; font-size: 70%; }
div#topnav li           { display: inline; margin: 0; background: url(../gifs/footernavbg.gif) right center no-repeat; padding: 0 10px;  }
div#topnav li.last      { background-image: none; }
div#topnav a            { color: #ffffff; text-decoration: none; }
div#topnav a:hover      { text-decoration: underline;}

/* mainnav */
div#mainnav ul.menu       { list-style-type: none; margin: 0; padding: 0 0 0 5px; font-size: 70%; height: 23px; line-height: 23px; float: left; }
div#mainnav li            { float: left; display: inline; margin: 0; padding: 0; background: url(../gifs/mainnavbg.gif) right center no-repeat; padding: 0 9px;   }
div#mainnav li.last       { background-image: none; }
div#mainnav li.greyed     { color: #7B87B1; }
div#mainnav li.greyedlast { color: #7B87B1; background-image: none;}
div#mainnav li.greyed a, div#mainnav li.greyedlast a {
                            color: #7B87B1;
}
div#mainnav a             { color: #DEDFE9; text-decoration: none; display: block; }
div#mainnav a:hover       { color: #ffffff; text-decoration: underline; }

/* mainnav dropdowns */
div#mainnav ul.submenu         { display: none;  position: absolute; background-color: #DFE2E9; left: -999em; height: auto; width: auto; margin: 0 0 0 -10px;
                                 padding: 5px 0 8px 0; z-index: 10;  }
div#mainnav ul.submenu li      { display: block; clear: left; line-height: 18px; height: 18px; }
div#mainnav ul.submenu a       { color: #000000; text-decoration: none; display: block; }
div#mainnav ul.submenu a:hover { color: #000000; text-decoration: underline; }
div#mainnav ul.menu li:hover ul.submenu,
div#mainnav ul.menu li.iehover ul.submenu
                               { left: auto; display: block; }

/* competition */
div#competition span.header     { display: block; background-color: #6D79A3; color: #ffffff; font-weight: bold; height: 19px; line-height: 19px;}
div#competition a            { color: #000000; text-decoration: none;}
div#competition a:hover      { text-decoration: underline;}

/* brochure link */
p.brochure { width: 233px; float: right; margin-top: 3px;  }  


/* login */
div#login p { margin: 0; padding: 0;}

/* footer */
div#footer ul.menu    { list-style-type: none; margin: 0; padding: 0; height: 18px; line-height: 18px;  }
div#footer li         { display: inline; color: #ffffff; background: url(../gifs/footernavbg.gif) right center no-repeat; padding: 0 13px; }
div#footer li.last    { background-image: none; }
div#footer li a       { color: #ffffff; text-decoration: none;}
div#footer li a:hover { text-decoration: underline; }
div#footer p          { margin: 5px 0 0 0; padding: 0; }
div#footer p.pale     { color: #7C7C7C; }

/* search */
div#search input.text   { margin-top: 23px !important; margin-top: 20px; background-color: #CFD5E0; color: #000000; border: none; height: 19px; line-height: 19px; width: 109px;
                          font-size: 70%; float: left;}
div#search input.submit { margin: 22px 6px 0 6px; float: left; display: inline;}
table.search            { margin-left: 10px; }

/* DAB postcodes search */
div#DAB form           { margin: 0; padding: 0; }
div#DAB input.text     {  margin-top: 3px;  height: 17px; background-color: #ffffff; color: #000000; border: 1px solid #000000;
                         font-size: 75%; float: left; display: inline; width: 85px;}
div#DAB input.submit   { margin-left: 3px; margin-top: 3px; float: left; display: inline; }

/* Stockists search */
/* stockist */
div#stockist span.header     { display: block; background-color: #6D79A3; color: #ffffff; font-size: 100%; font-weight: bold; height: 19px; line-height: 19px;
                            text-align: center; padding: 0; margin: 0;  text-align: center; }
div#stockist form         { margin: 0; padding: 0; display: inline;}
div#stockist input.text   { height: 17px; line-height: 17px; background-color: #ffffff; color: #000000; border: 1px solid #000000;
                            font-size: 75%; width: 58px; margin: 0; padding: 0; margin-left: 6px; position: relative; top: -5px !important; top: -4px; }
div#stockist input.submit { margin-right: 8px; margin-left: 2px; }


/* Stock_state */
div#stock_state { 
 width: 100%; margin: 1px 0 1px 8px; padding: 0; background-color: #eaebf2; color: #000000; border-bottom: solid 1px #6d79a3; 
}

div#stock_left { 
 float: left; margin: 1px 0 0 5px;
}

div#stock_right { 
 margin: 15px 5px 0 0; text-align: right 
}

p.stock_product { 
 padding-top: 5px; margin: 5px 0 0 5px; font-weight: bold; 
}
/* stock_product */

p.stock_notes {  
 padding: 0 0 1px 0; margin: 2px 0 0 5px;
}
/* stock_notes */

p.stock_status { 
 padding: 10px 20px 20px 0; margin: 0;
}
/* stock_status */


/* crumb */
div#crumb p { margin: 0 0 0 9px; padding: 0; color: #6D6E71; float: left; display: inline; width: 707px;}
div#crumb a { color: #6D6E71; text-decoration: none; }
div#crumb a:hover { color: #303030; text-decoration: underline; display: inline;}

/* close popup */
div#close a { color: #BBBDD5; text-decoration: none; font-weight: bold; }

/* fixedtopright and rightcol */
div#fixedtopright p, div#rightcol p {
  margin: 0 0 7px 0 !important;
  margin: 0 0 5px 0;
}

h1, p.header1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 80%;
    color: #000000;
}

p.header1image {
    /* Image Page Title */
    margin-top: 14px;
    margin-bottom: 0px;
    padding: 0;
}

p.header1imageecom {
    /* Image Page Title Ecommerce */
    margin-top: 4px;
    margin-bottom: 0px;
    padding: 0;
}


h1.purple, p.header1purple {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 80%;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    background-color: #6E78A3;
    margin: 0;
    padding: 0 14px;
    /* Page Title on purple background */
  }
  h1 a.floatrightsmall, p.header1purple a.floatrightsmall {
      float: right;
      font-size: 85%;
      color: #ffffff;
      text-decoration: none;
    }
    h1 a.floatrightsmall:hover, p.header1purple a.floatrightsmall:hover {
        text-decoration: underline;
      }

p.greyproductitle {
  background-color: #B9BED1;
  color: #000000;
  margin: 3px 0 0 0;
  padding: 0 0 0 12px;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
  font-size: 120%;
  /* Grey Product Title */
}

p.justified {
text-align: justify;
}

p.flash {
  margin: 0;
  padding: 0;
  /* Flash */
  
}

p.navpagemargin {
  margin: 0;
  padding: 0;
  /* Nav Page Margin */
  
}

p.nextimagelink {
  background-color: #000000;
  color: #ffffff;
  margin: 0;
  padding: 0;
  height: 23px;
  line-height: 23px;
  font-size: 80%;
  /* Next Image Link Paragraph */
}


h2, p.header2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #5A5D94;
  margin-left: 10px;
  margin-right: 20px;
  margin-top: 0;
  padding-top: 0;
  /* Section Title */
}

h3, p.header3 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #000000;
  margin-left: 10px;
  margin-right: 20px  /* Subsection Title */
  
}

  p.header4 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 150%;
  font-weight: bold;
  color: #000000;
  margin-left: 10px;
  margin-right: 20px  /* Subsection Title */
  
}

h3.nospace, p.header3nospace {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #000000;
  margin-left: 10px;
  margin-right: 20px;  
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 10px;
  padding-top: 10px;
  /* Subsection Title - No Space Below */
}

p {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin-left: 10px;
  margin-right: 20px;
}

p.nospaceabove {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin-left: 10px;
  margin-right: 20px;
  margin-top: 0;
  padding-top: 0;
}

p.nomargin {
  margin: 0;
  padding: 0;
  /* No Margin */
}

p.nomarginright {
  margin: 0 0 0 6px;
  padding: 0 0 0 6px;
  /* No Margin Float Right */
}
p.clear {
  clear: both;
  /* Clear */
}

p.rule {
  background: url(../gifs/rule.gif) center left repeat-x;
  height: 2px;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}


p.caption {
  font-size: 90%;
  font-style: italic;
}



p.floatleft {
  float: left;
  display: inline;
}

p.floatright {
  float: right;
  display: inline;
}

p.rightofform {
    float: right;
    width: 300px;
      /* Float Right Next to Form*/    
}

p.indent1 {
  margin-left: 40px;
  /* Indented Text 1 */
}
p.indent2 {
  margin-left: 60px;
  /* Indented Text 2 */
}
p.indent3 {
  margin-left: 80px;
  /* Indented Text 3 */
}
p.indent4 {
  margin-left: 100px;
  /* Indented Text 4 */
}


table.default {
  /* No Style */
}

table.ecomtable {
  vertical-align: top; 
  width: 98%;
}

td { font-size: 75%; }

table.default td {
  vertical-align: top;
}

table.padded {
    width: 98%;
    margin-left: 10px;
    margin-right: 10px;
}

td.alignright {
  text-align: right;
  /* Align Middle Right */
}
td.aligncenter {
  text-align: center;
  /* Align Middle Center */
}
td.aligntop {
  vertical-align: top;
  /* Align Top Left */
}
td.alignbottom {
  vertical-align: bottom;
  /* Align Bottom Left */
}
td.aligntopright {
  vertical-align: top;
  text-align: right;
  /* Align Top Right */
}
td.aligntopcenter {
  vertical-align: top;
  text-align: center;
  /* Align Top Center */
}
td.alignbottomright {
  vertical-align: bottom;
  text-align: right;
  /* Align Bottom Right */
}
td.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
  /* Align Bottom Center */
}


a { color: #0F2C64; text-decoration: underline; }

a.popup { /* Popup Link */ }

a.nextimage {
    float: right;
    color: #ffffff;
    text-decoration: none;
    margin-right: 13px;
    display: inline;
    font-weight: bold;
    font-size: 90%;
    /* Next Image Link */
  }
  a.nextimage:hover {
      text-decoration: underline;
    }


span.sup {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: super;
  /* Superscript */
}
span.sub {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: sub;
  /* Subscript */
}

sup.mand {
  color: #EA1622;    
}

img { border: none; }
img.homepageproduct {
  float: left;
  margin-right: 8px !important;
  margin-right: 6px;
  display: inline;
  /* Home Page Product Image */
}
img.homepageproductlast {
  float: right;
  margin-right: 0;
  display: inline;
  /* Home Page Product Last */
}


img.floatleft {
  float: left;
  /* Float Left */
}
img.floatleftwithmargin {
  float: left;
  margin: 3px 16px 10px 0px;
  /* Float Left with margin */
}
img.floatright {
  float: right;
  /* Float Right */
}
img.floatrightwithmargin {
  float: right;
  margin: 3px 0px 10px 16px;
  /* Float Right with margin */
}
img.noborder {
  border-width: 0px;
  /* No Border */
}
img.rollover { /* Rollover */ }


ul.round    { list-style-type: none; clear: both;}
ul.round li { background: url(../gifs/bullet.gif) center left no-repeat; padding-left: 7px;  }
ul.long    { 
 
 list-style-type: none; 
 clear: both;
 margin: 2px 0 0 0; 
 padding-left: 0; 
 }
 
  ul.long li {
  background: url('../gifs/bullet2.gif') top left no-repeat; 
  margin: 0 0 0 0; 
  padding: 0 0 3px 7px; 
   
 
 }

ol.small    { font-size: 80%; padding-bottom: 3px; /* Small Text Numbered List */ }



/* product description two column lists */
ul.productdetails          { font-size: 90%; line-height: 1.5em; list-style-type: none; float: left; margin: 0 0 0 12px !important; margin: 0 0 0 15px; padding: 0  0; width: 326px;}
ul.productdetails li       { background: url(../gifs/productdetailslibg.gif) top left no-repeat;  padding: 0 0 0 25px; margin: 0 20px 0 0; }
ul.productdetails li.title { background-image: none;  padding: 0; height: 31px; }

/* product spec list for right hand menu */
ul.productspec             { clear: both; font-size: 90%; list-style-type: none; margin: 0; padding: 16px 0 0 0; }
ul.productspec li          { margin: 0 0 0 10px; padding: 0; font-weight: bold; line-height: 20px; }
ul.productspec a           { color: #000000; text-decoration: none; background: url(../gifs/productspeclibg.gif) center left no-repeat; padding: 0 0 0 10px; }
ul.productspec a:hover,
ul.productspec a.current  { color: #858585; background-image: url(../gifs/productspeclibgh.gif); }
ul.productspec2            { font-size: 90%; position: relative; top: -6px; list-style-type: none; margin: 0; padding: 0;}
ul.productspec2 li         { margin: 0 0 0 10px; padding: 0; font-weight: bold; line-height: 20px; }
ul.productspec2 a          { color: #000000; text-decoration: none; background: url(../gifs/productspeclibg.gif) center left no-repeat; padding: 0 0 0 10px; }
ul.productspec2 a:hover,
ul.productspec2 a.current { color: #858585; background-image: url(../gifs/productspeclibgh.gif); }
ul.productaddtoorder       { font-size: 90%; position: relative; top: -6px; list-style-type: none; margin: 0; padding: 0;}
ul.productaddtoorder li    { margin: 0 0 0 10px; padding: 0; font-weight: bold; line-height: 20px; }
ul.productaddtoorder a,
ul.productaddtoorder li.highlight { color: #FF0004; text-decoration: none; background: url(../gifs/productorderlibg.gif) center left no-repeat; padding: 0 0 0 10px; }
p.price                    { color: #06213F; font-size: 130%; font-weight: bold; padding: 8px 0 0 10px; margin: 0;}
p.red                      { color: #ff0004; }
p.small                    { font-size: 100%; font-weight: normal; }



/* competition box tables */
table.competition           { width: 239px; border: 1px solid #4F6886; float: left; background-color: #ffffff; }
table.competition td.win    { vertical-align: top; text-align: left; height: 36px; }
table.competition td.text   { vertical-align: middle; text-align: left; padding-left: 12px; font-size: 95%; }
table.competition td.text a { color: #000000; text-decoration: underline; }
table.competition td.image  { width: 115px; vertical-align: middle; text-align: center; }

/* Product list styling */
div.product3up                 { float: left; width: 216px; margin-left: 14px; margin-right: 4px; margin-bottom: 19px; display: inline;}
div.product3up p.title         { /*background: url(../gifs/productarrow.gif) center right no-repeat */ background-color: #6E78A3;  height: 16px; line-height: 16px;
                                 color: #ffffff; text-align: center; margin: 1px 0 0 0; font-size: 85%; font-weight: bold;}
div.product3up p.noarrow       { background-image: none; }
div.product3up p.title a       { color: #ffffff; text-decoration: none; width: 216px; display: block;}
div.product3up p.noarrow a     { display: inline;  width: auto; }  
div.product3up p.title a:hover { color: #ffffff; text-decoration: underline; }
div.product3up p.title span.floatleft  { float: left; padding-left: 3px;}
div.product3up p.title span.floatright { float: right; padding-right: 3px;}

div.product4up                 { float: left; width: 160px; margin-left: 14px; margin-right: 1px;  margin-bottom: 14px; display: inline;}
div.product4up p.title         { /*background: url(../gifs/productarrow.gif) center right no-repeat */ background-color: #6E78A3; height: 16px; line-height: 16px;
                                 color: #ffffff; text-align: center; margin: 1px 0 0 0; font-size: 85%; font-weight: bold;}
div.product4up p.noarrow       { background-image: none; }                                  
div.product4up p.title a       { color: #ffffff; text-decoration: none; width: 160px; display: block;}
div.product4up p.noarrow a     { display: inline; width: auto;  }  
div.product4up p.title a:hover { color: #ffffff; text-decoration: underline; }
div.product4up p.title span.floatleft  { float: left; padding-left: 3px;}
div.product4up p.title span.floatright { float: right; padding-right: 3px;}

div.product5up                 { float: left; width: 128px; margin-right: 10px; margin-bottom: 11px; display: inline;}
div.product5up p.title         { /*background: url(../gifs/productarrow.gif) center right no-repeat */ background-color: #6E78A3;  height: 16px; line-height: 16px;
                                 color: #ffffff; text-align: center; margin: 1px 0 0 0; font-size: 85%; font-weight: bold;}
div.product5up p.noarrow       { background-image: none; }                                  
div.product5up p.title a       { color: #ffffff; text-decoration: none; width: 128px; display: block;}
div.product5up p.noarrow a     { display: inline; width: auto; }  
div.product5up p.title a:hover { color: #ffffff; text-decoration: underline; }
div.product5up p.title span.floatleft  { float: left; padding-left: 3px;}
div.product5up p.title span.floatright { float: right; padding-right: 3px;}

/* DAB results listing */
table.DABresults         { margin-left: 10px; margin-right: 10px;}
table.DABresults td      { border-bottom: 1px solid #0F2C64; padding-bottom: 8px; padding-top: 8px;}
table.DABresults td.name { font-weight: bold;}
table.DABresults td.rating { font-size: 75%; text-align: center;}
p.hr                     { border-bottom: 2px solid #0F2C64;}


/* Stockists results listing */
table.supplier           { width: 700px; margin-left: 10px;}
table.supplier th        { text-align: left; color: #fff; background-color: #585D91; font-size: 0.75em; font-weight: bold; padding: 0.1em; text-transform: uppercase;}
table.supplier td        { font-size: 0.75em; padding: 0.2em 0.1em; vertical-align: top; }
table.supplier td.company                   { white-space: nowrap; padding-right: 0.6em;}
table.supplier td.add    { padding-right: 0.6em;}
table.supplier td.add span.postcode         { white-space: nowrap; text-transform: uppercase; }
table.supplier td.map                       { white-space: nowrap;}
table.supplier tr.even td                   { background-color: #f1f0ef; }
table.supplier td.distance { text-align: right; white-space: nowrap; }
table.supplier td.tel      { width: 8em; }
table.supplier td.map a                     { color: #0000ee; font-style: italic; }

/* Image and Caption table styles */
table.imageandcaptionR            { float: right; margin-left: 10px; margin-bottom: 10px; }
table.imageandcaptionR td.image   {}
table.imageandcaptionR td.caption { padding: 3px; text-align: center; } 
table.imageandcaptionL            { float: left; margin-right: 10px; margin-bottom: 10px; }
table.imageandcaptionL td.image   {}
table.imageandcaptionL td.caption { padding: 3px; text-align: center; } 

/* Ecommerce basket styles */

TD.linedtitle {
  background-color: #585d91;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;

}
TD.lined {
  vertical-align: middle;
  background-color: #eaebf2;
  font-size: 11px;
  font-style: italic;
  padding: 6px;
  border-bottom: 1px solid #6d79a3;
}

TD.linedtop {
  background-color: #0f2c64;
  color: #FFFFFF;
  font-size: 12px;
  padding: 6px;
  
}

/* Asset List Styles */
/* table is only displayed after the dates have been formated */
table.asset        { display: none; width: 680px; border: 0px solid #ffffff; /*border-collapse: collapse;*/}
table.asset th     { text-align: left; color: #fff; background-color: #585D91; font-size: 0.75em; font-weight: bold; padding: 3px 4px; text-transform: uppercase; border: 0px solid #ffffff; /* border-collapse: collapse;*/}
table.asset td     { background-color: #eee; border: 0px solid #ffffff; /* border-collapse: collapse;*/}

div#contentcol form { margin-left: 10px !important; margin-left: 0;}

/* deal with the flash headers */
object { z-index: 0; }
embed  { z-index: 0; }
iframe#menuIframe { z-index: 9; position: absolute; top: 0; left: 0; display: none;}

textarea { max-width: 210px; max-height: 100px; resize:none; }


p.new_error { padding-top: 0; text-align: center; font-color: #000; font-size: 14px;}
p.new_error_image { border: 0; padding: 0; margin-left: 10px; }


p.print_flash { display: none;}

/* Light Box Styles */
div#overlay{
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #677695;
          z-index:1001;
          -moz-opacity: 0.80;
          opacity:.80;
          filter: alpha(opacity=80);
      }
       

div#popup {
          display: none;
          position: absolute;
          top: 10%;
          left: 50%;
          width: 514px;
          margin-left: -257px;
          height: 255px;
          z-index:1002;
          overflow: auto;
          background: transparent url(../gifs/popup.png) center center no-repeat;
          text-align: center;
      }
div#popup p {
  margin: 0;
  padding: 0;
}
div#popup a {
  margin: 0;
  padding: 0;
  color: #000000;
  font-weight: bold;
}
div#popupContent {
  margin: 70px;
  width: 374px; 
  color: #000000;
  text-align: center;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
}