/* Standard styles */
body, td, th, dd, dt, h2, h4, h5, h6, p, ol, ul, li 
        { font-family: verdana, Helvetica, sans-serif; }
small       { font-size: 8pt;}
body, td, th    { font-size: 10pt;}

/* Standard header styles */
h1 {
    font-family:        verdana, Helvetica, sans-serif;
    font-size:      24pt;
    color:          #FF9900;
    background-color:   transparent;
    font-weight:        normal;
}

h2 {
    font-family:        verdana, Helvetica, sans-serif;
    font-size:      14pt;
    color:          #0066cc;
    background-color:   transparent;
    font-weight:        normal;
    text-decoration:    none;
}

h3 {
    font-family:        verdana, Helvetica, sans-serif;
    font-size:      10pt;
    background-color:   transparent;
    color:          #0066CC;
    font-weight:        bold;
}

h4 {
    font-family:        verdana, Helvetica, sans-serif;
    font-size:      10pt;
    color:          #0066CC;
    background-color:   transparent;
}

/* Page body defintion and header */
.pagebody       {
    margin:     2px;
            }

.mainpage       {
    border-collapse:    collapse;
    border-bottom:      1px #111111 solid;
    border-right:       1px #111111 solid;
    border-left:        1px #111111 solid;
    border-top:     none;
    width:          100%;
    }

table.pageheader    {
    border-collapse: collapse;
    border:     1px solid;
    border-bottom:  0;
    border-color:   #111111;

    width:      100%;
            }

td.pageheader       {
    border-collapse:    collapse;
    border:         1px solid;
    border-bottom:      0;
    border-color:       #111111;

    background-color:   #ffffff;
    color:          #000000;

    padding:        10px;
            }

/* Options menubar at top of page */
#menubar            {
    height:         24px;
    overflow:       hidden;

    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    line-height:        10pt;
    font-weight:        bold;
    color:          #ffffff;
    background-color:   transparent;

    background:     url("bar/menubar.png");
    background-repeat:  repeat-x;

    border-top:     0;
    border-bottom:      0;
    border-color:       #111111;

    text-align:     center;
        vertical-align:     top;

    margin-top:     0;
    margin-bottom:      0;
                }
#menubar a:link             { text-decoration: none; color: #ffffff; background-color: transparent; }
#menubar a:visited      { text-decoration: none; color: #ffffff; background-color: transparent; }
#menubar a:hover        { text-decoration: underline;  color: #ffffff; background-color: transparent; }
#menubar    table       { 
    border-collapse:    collapse;
    border-left:        1px solid;
    border-right:       1px solid;
    border-top:     0;
    border-bottom:      0;
    border-color:       #111111;

    background-color:   #0099cc;
    background:     url("bar/menubar.png");
    background-repeat:  repeat-x;

    margin-top:     0;
    margin-bottom:      0;
                }
#menubar    p       {
    margin-bottom:      0;
    margin-top:     0; 
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    line-height:        10pt;
    font-weight:        bold;
    color:          #ffffff;
    background-color:   transparent;
    text-align:     center;
                }
#menubar    td      {
    vertical-align:     middle;
    padding:        0;
    border-color:       #111111;
                }
#menubar    img     {
    width:  8px;
    height: 24px;
                }

/* Options menubar at top of page */
#menubar_ppc            {
    height:         24px;
    overflow:       hidden;

    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    line-height:        8pt;
    font-weight:        bold;
    color:          #ffffff;
    background-color:   transparent;

    background:     url("bar/menubar.png");
    background-repeat:  repeat-x;

    border-top:     0;
    border-bottom:      0;
    border-color:       #111111;

    text-align:     center;
        vertical-align:     top;

    margin-top:     0;
    margin-bottom:      0;
                }
#menubar_ppc a:link         { text-decoration: none; color: #ffffff; background-color: transparent; }
#menubar_ppc a:visited      { text-decoration: none; color: #ffffff; background-color: transparent; }
#menubar_ppc a:hover        { text-decoration: underline;  color: #ffffff; background-color: transparent; }
#menubar_ppc    table       { 
    border-collapse:    collapse;
    border-left:        1px solid;
    border-right:       1px solid;
    border-top:     0;
    border-bottom:      0;
    border-color:       #111111;

    margin-top:     0;
    margin-bottom:      0;
                }
#menubar_ppc    p       {
    margin-bottom:      0;
    margin-top:     0; 
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    line-height:        10pt;
    font-weight:        bold;
    color:          #ffffff;
    background-color:   transparent;
    text-align:     center;
                }
#menubar_ppc    td      {
    vertical-align:     middle;
    padding:        0;
    border-color:       #111111;
                }
#menubar_ppc    img     {
    width:  8px;
    height: 24px;
                }

.menubar2           {
    font-family:        verdana, Helvetica, sans-serif;
    font-size:      10pt;
    line-height:        10pt;
    font-weight:        bold;
    color:          #ffffff;
    background-color:   transparent;
    background:     url("bar/menubar2.png");
    background-repeat:  repeat-x;
    border-top:     0;
    border-bottom:      0;
    text-align:     center;
        vertical-align:     middle;
                }

.menubar2 a:link            { text-decoration: none; color: #ffffff; background-color: transparent; }
.menubar2 a:visited         { text-decoration: none; color: #ffffff; background-color: transparent; }
.menubar2 a:hover       { text-decoration: underline;  color: #ffffff; background-color: transparent; }

.menusep            {
    background:     url("bar/menubar.png");
    background-repeat:  repeat-x;
    border-top:     0;
    border-bottom:      0;
    text-align:     center;
    vertical-align:     top;
    padding:        0;
    margin-top:     0;
    margin-bottom:      0;
    line-height:        10pt;
                }

.menutable          {
    border-collapse:    collapse;
    border-left:        1px solid;
    border-right:       1px solid;
    border-top:     0;
    border-bottom:      0;
    border-color:       #000000;
    height:         24px;
    line-height:        10pt;
                }

.bodytable          {
    border-left:        1px solid #111111;
    border-right:       1px solid #111111;
    border-bottom:      1px solid #111111;
    border-top:     0;
    border-collapse:    collapse;
    width:          100%;
                }

/* Side Panel style */
.sidepanel  {
    padding:        10px;
    width:          140px;
    vertical-align:     top;
    background:     url('images/sidebar-shade.png');
    background-repeat:  repeat-x;
    background-color:   #E0E0E0;
    color:          #000000;
    border-bottom:      1px solid #111111;
    border-left:        0px;    /*1px solid #111111; */
    border-right:       1px solid #111111;
    border-top:     0;
    margin-right:       1px;
    border-collapse:    collapse;
    padding-left:       6px;
    padding-right:      4px;
        }
#sidepanel  span    {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    font-weight:        bold;
    color:          #000000;
    background-color:   transparent;
            }
#sidepanel  p   {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        normal;
    color:          #000000;
    background-color:   transparent;
    margin-top:     0;
    margin-bottom:      0;
            }
#sidepanel  a   {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        bold;
    color:          #FF9900;
    background-color:   transparent;
    text-decoration:    none;
    display:        block;
    margin-top:     0;
    margin-bottom:      10px;
            }
#sidepanel  a:link      { color: #FF9900; background-color: transparent; text-decoration: none; }
#sidepanel  a:visited   { color: #FF9900; background-color: transparent; text-decoration: none; }
#sidepanel  a:hover     { color: #FF9900; background-color: transparent; text-decoration: underline; }

/* Side Panel style */
.sidepanel2  {
    padding:        10px;
    width:          140px;
    vertical-align:     top;
    background:     url('images/sidebar-shade.png');
    background-repeat:  repeat-x;
    background-color:   #E0E0E0;
    color:          #000000;
    border-bottom:      1px solid #111111;
    border-left:        0px;    /*1px solid #111111; */
    border-right:       1px solid #111111;
    border-top:     0;
    margin-right:       1px;
    border-collapse:    collapse;
    padding-left:       6px;
    padding-right:      4px;
        }
#sidepanel2  span    {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    font-weight:        bold;
    color:          #000000;
    background-color:   transparent;
            }
#sidepanel2  p   {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        normal;
    color:          #000000;
    background-color:   transparent;
    margin-top:     0;
    margin-bottom:      0px;
            }

.sidepanel4  a   {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    font-weight:        bold;
    color:          #000000;
    background-color:   transparent;
    text-decoration:    none;
    display:        block;
    margin-top:     10;
    margin-bottom:      0px;
            }
.sidepanel4  a:link      { color: #000000; background-color: transparent; text-decoration: none; }
.sidepanel4  a:visited   { color: #000000; background-color: transparent; text-decoration: none; }
.sidepanel4  a:hover     { color: #000000; background-color: transparent; text-decoration: underline; }

.sidepanel3  a   {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        bold;
    color:          #FF9900;
    background-color:   transparent;
    text-decoration:    none;
    display:        block;
    margin-top:     0;
    margin-bottom:      10px;
            }
.sidepanel3  a:link      { color: #FF9900; background-color: transparent; text-decoration: none; }
.sidepanel3  a:visited   { color: #FF9900; background-color: transparent; text-decoration: none; }
.sidepanel3  a:hover     { color: #FF9900; background-color: transparent; text-decoration: underline; }

/* Legal notices, disclaimers, etc at bottom of page */
.legal          {
    border-color:       #111111;
    border:         1px solid #000000;
    margin-left:        1px;
    color:          #ffffff;
    background-color:   #000000;
    padding:        5px;
    padding-top:        2px;
    padding-bottom:     2px;
            }
#legal      table   {
    border:         0;
    background-color:   #000000;
    color:          #ffffff;
    width:          100%;
    padding:        0;
            }
#legal      td  {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    color:          #ffffff;
    background-color:   #000000;
    vertical-align:     middle;
            }
#legal      span    {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    color:          #ffffff;
    background-color:   #000000;
    display:        block;
    margin-top:     0;
    margin-bottom:      0;
            }
#legal      a       { color: #ffffff; background-color: transparent; text-decoration: none; font-weight: bold; }
#legal      a:link      { color: #ffffff; background-color: transparent; text-decoration: none; }
#legal      a:visited   { color: #ffffff; background-color: transparent; text-decoration: none; }
#legal      a:hover     { color: #ffffff; background-color: transparent; text-decoration: underline; }

/* Legal notices, disclaimers, etc at bottom of PPC pages */
            }
#legalppc       div     {
    background-color:   #000000;
    color:          #ffffff;
    padding-left:       4px;
            }

#legalppc       span    {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      7pt;
    color:          #ffffff;
    background-color:   #000000;
    display:        block;
    margin-top:     0;
    margin-bottom:      0;
            }
#legalppc       a       { color: #ffffff; background-color: transparent; text-decoration: none; font-weight: bold; }
#legalppc       a:link      { color: #ffffff; background-color: transparent; text-decoration: none; }
#legalppc       a:visited   { color: #ffffff; background-color: transparent; text-decoration: none; }
#legalppc       a:hover     { color: #ffffff; background-color: transparent; text-decoration: underline; }

/* Generic text styles */
.secheader      { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; background-color: transparent; color: #000000; font-weight: bold; }
.secheader_blue     { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; background-color: transparent; color: #0066cc; font-weight: bold; }
.mainheader     { font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; background-color: transparent; color: #000000; font-weight: bold; }
.bodysmall      { font-family: verdana, Helvetica, sans-serif; font-size: 8pt;  background-color: transparent; color: #000000; }
.titlelarge         { font-family: verdana, Helvetica, sans-serif; font-size: 24pt; background-color: transparent; color: #FF9900; }
.titlesmall         { font-family: verdana, Helvetica, sans-serif; font-size: 14pt; background-color: transparent; color: #FF9900; }
.bodyblue       { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; background-color: transparent; color: #0066cc; }
.bluelarge      { font-family: verdana, Helvetica, sans-serif; font-size: 14pt; background-color: transparent; color: #0066cc; text-decoration: none; }
.camheading     { font-family: verdana, Helvetica, sans-serif; font-size: 14pt; background-color: transparent; color: #0066cc; text-decoration: none; margin-bottom: 5px; margin-top: 5px; border-bottom: 1px #dddddd solid; }

/* Link styles */

/* Used by links on the shop */
.blueshop           { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none }
.blueshop   a:link      { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; text-decoration: none }
.blueshop   a:visited   { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; text-decoration: none }
.blueshop   a:hover     { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; text-decoration: underline }

/* Orange links on side panel */
.olink              { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF9900; background-color: transparent; text-decoration: none }
.olink a:link           { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF9900; background-color: transparent; text-decoration: none }
.olink a:visited        { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF9900; background-color: transparent; text-decoration: none }
.olink a:hover          { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF9900; background-color: transparent; text-decoration: underline }

/* Span styles for titles */
span.secheader          { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; font-weight: bold }
span.titlelarge         { font-family: verdana, Helvetica, sans-serif; font-size: 24pt; color: #FF9900; background-color: transparent; }
span.titlesmall         { font-family: verdana, Helvetica, sans-serif; font-size: 14pt; color: #FF9900; background-color: transparent; }

/* Used at Christmas, a kind of deep red. */
.xmasfont           { font-family: verdana, Helvetica, sans-serif; font-size: 14pt; color: #006600; background-color: transparent; }

/* White notices at bottom of page */
.notices            { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; background-color: transparent; }
.notices a:link         { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: transparent; }
.notices a:visited      { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: transparent; }
.notices a:hover        { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: transparent; }

/* Whitelinks used on some pages for the menu bar */
.whitelinks         { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #ffffff; background-color: transparent; }
.whitelinks a:link          { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #ffffff; background-color: transparent; }
.whitelinks a:visited       { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #ffffff; background-color: transparent; }
.whitelinks a:hover         { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #ffffff; background-color: transparent; }

/* Standard blue page content links */
.bluelinks              { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; }
.bluelinks a:link       { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; }
.bluelinks a:visited        { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; }
.bluelinks a:hover      { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; }

/* Style applied to live camera links */
.camlinks               { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: bold; background-color: transparent; }
.camlinks a:link        { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; font-weight: bold; background-color: transparent; }
.camlinks a:visited     { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; font-weight: bold; background-color: transparent; }
.camlinks a:hover       { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #FF9900; font-weight: bold; background-color: transparent; }

/* Shop titles */
.shoplarge              { font-family: Verdana, Helvetica, sans-serif; font-size: 14pt; color: #000000; background-color: transparent; }

/* Orange links in page content (seperate from side panel links, see above) */
.orangelinks a:link     { text-decoration: none; color: #FF9900; background-color: transparent; }
.orangelinks a:visited      { text-decoration: none; color: #FF9900; background-color: transparent; }
.orangelinks a:hover        { text-decoration: underline; color: #FF9900; background-color: transparent; }

/* Style for Shop department links */
.shopcats           { font-size: 7pt; font-weight: bold; text-decoration: none; color: #0066cc; background-color: transparent; }
.shopcats a:link        { font-size: 7pt; font-weight: bold; text-decoration: none; color: #0066cc; background-color: transparent; }
.shopcats a:visited     { font-size: 7pt; font-weight: bold; text-decoration: none; color: #0066cc; background-color: transparent; }
.shopcats a:hover       { font-size: 7pt; font-weight: bold; text-decoration: underline; color: #0066cc; background-color: transparent; }

/* Black links used in some places */
.blacklinks             { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; }
.blacklinks a:link      { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; }
.blacklinks a:visited       { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; }
.blacklinks a:hover     { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; }

/* Large title-style links */
.biglinks               { font-family: Verdana, Helvetica, sans-serif; font-size: 24pt; color: #000000; background-color: transparent; }
.biglinks a:link        { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 24pt; color: #0066cc; background-color: transparent; }
.biglinks a:visited     { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 24pt; color: #0066cc; background-color: transparent; }
.biglinks a:hover       { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 24pt; color: #0066cc; background-color: transparent; }

/* Large title-style links used on shop */
.bigshoplinks               { font-family: Verdana, Helvetica, sans-serif; font-size: 18pt; color: #FF9900; background-color: transparent; }
.bigshoplinks a:link        { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 18pt; color: #0066cc; background-color: transparent; }
.bigshoplinks a:visited     { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 18pt; color: #0066cc; background-color: transparent; }
.bigshoplinks a:hover       { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 18pt; color: #0066cc; background-color: transparent; }

/* Medium sized shop font */
.medshop                { font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #000000; background-color: transparent; }
.medshop a:link         { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #0066cc; background-color: transparent; }
.medshop a:visited          { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #0066cc; background-color: transparent; }
.medshop a:hover        { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #0066cc; background-color: transparent; }

/* Used by shop option links (e.g. lens guide, live view, illuminators, etc). */
.optlinks               { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: #e7fdff; }
.optlinks a:link        { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: #e7fdff; }
.optlinks a:visited         { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: #e7fdff; }
.optlinks a:hover       { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: #e7fdff; }

/* Try & Buy links */
.trybuy                 { margin-top:0; margin-bottom:0; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; }
.trybuy a:link          { margin-top:0; margin-bottom:0; text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; }
.trybuy a:visited           { margin-top:0; margin-bottom:0; text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; }
.trybuy a:hover         { margin-top:0; margin-bottom:0; text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; }

/* Medium sized orange shop font */
.omedshop               { font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FF9900; background-color: transparent; }
.omedshop a:link        { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #0066cc; background-color: transparent; }
.omedshop a:visited         { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #0066cc; background-color: transparent; }
.omedshop a:hover       { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #0066cc; background-color: transparent; }

/* Style for the shop option links table cells */
td.shoplinkbar          { font-family: verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: none; }
td.shoplinkbar  a:link      { font-family: verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: none; }
td.shoplinkbar  a:visited   { font-family: verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: none; }
td.shoplinkbar  a:hover     { font-family: verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: underline; }

/* Used by the header for the cctv shop */
.cctvshopheader         { font-family: verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: none; }
.cctvshopheader a:link      { font-family: verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: none; }
.cctvshopheader a:visited   { font-family: verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: none; }
.cctvshopheader a:hover     { font-family: verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: underline; }

/* Small font used by cctv shop */
.cctvshopsmall          { font-family: verdana, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: none; }
.cctvshopsmall a:link       { font-family: verdana, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: none; }
.cctvshopsmall a:visited    { font-family: verdana, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: none; }
.cctvshopsmall a:hover      { font-family: verdana, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #ffffff; background-color: #0066cc; text-decoration: underline; }

/* Style for gallery index tables */
#gallery    td      { width: 147px; height: 120px; }
#gallery    img     { border-width: 1pt; border-style: solid; border-color: #0066cc; width: 147px; height: 120px; }
#gallery    p       { font-family: verdana, Helvetica, sans-serif, arial; font-size: 10pt; color: #000000; font-weight: normal; text-decoration: none; text-align: center; background-color: transparent; }
#gallery    a:link      { font-family: verdana, Helvetica, sans-serif, arial; font-size: 10pt; color: #0066cc; font-weight: normal; text-decoration: none; background-color: transparent; }
#gallery    a:visited   { font-family: verdana, Helvetica, sans-serif, arial; font-size: 10pt; color: #0066cc; font-weight: normal; text-decoration: none; background-color: transparent; }
#gallery    a:hover     { font-family: verdana, Helvetica, sans-serif, arial; font-size: 10pt; color: #0066cc; font-weight: normal; text-decoration: underline; background-color: transparent; }

/* Style for gallery page tables */
/*
#gallerypage    td      { width: 320px; height: 240px; }
#gallerypage    table       { border-style: none; padding: 3px; }
#gallerypage    img     { border-width: 1pt; border-style: solid; border-color: #0066cc; width: 320px; height: 240px; }
*/

img.galleryimage    {
    border: 1pt solid #0066cc;
    width:  320px;
    height: 240px;
    }

div.galleryimage    {
    float:  left;
    width:  320px;
    height: 240px;
    margin: 3px;
    }

div.galleryindexlink    {
    float:      right;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px;
    }

a.galleryindexlink          { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; font-weight: bold; }
a.galleryindexlink  a:link      { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; text-decoration: none; background-color: transparent; font-weight: bold; }
a.galleryindexlink  a:visited   { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; text-decoration: none; background-color: transparent; font-weight: bold; }
a.galleryindexlink  a:hover     { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; text-decoration: underline; background-color: transparent; font-weight: bold; }


/* Styles for the page content cell, font within, and link properties */
td.contentcell          { 
    border-top: 0;
    border-bottom:  1px solid #111111;
    border-left:    1px solid #111111;
    border-right:   0px;    /*1px solid #111111;*/
    vertical-align: top;
    padding:    8px;
    }

.contentcell            { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; }
.contentcell    a:link      { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; text-decoration: none; background-color: transparent; }
.contentcell    a:visited   { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; text-decoration: none; background-color: transparent; }
.contentcell    a:hover     { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; text-decoration: underline; background-color: transparent; }

/* Quick link styles used on front page */

.qlink              {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      9pt;
    font-weight:        bold;
    color:          #000000;
    background-color:   transparent;
    text-decoration:    none;
    margin-top:     0px;
    margin-bottom:      0px;
                }
.qlink  a           {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      9pt;
    font-weight:        normal;
    color:          #002288;
    background-color:   transparent;
    text-decoration:    none;
                }
.qlink  a:link          { color: #002288; background-color: transparent; text-decoration: none; }
.qlink  a:visited       { color: #002288; background-color: transparent; text-decoration: none; }
.qlink  a:hover         { color: #002288; background-color: transparent; text-decoration: underline; }

/* Links for content cell footnotes */
.footnotes              { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; text-decoration: none; background-color: transparent; }
.footnotes a:link       { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; text-decoration: none; background-color: transparent; }
.footnotes a:visited        { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; text-decoration: none; background-color: transparent; }
.footnotes a:hover      { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; text-decoration: underline; background-color: transparent; }

/* Style for content seperator */
hr.contentSeperator     {
    height:     2px;

    margin-top: 5px;
    margin-bottom:  5px;

    border-bottom:  1px solid transparent;
    border-top: 1px solid #000000;
            }

div.contentSeperator        {
    height:         1px;
    background-color:   #000000;
    color:          #ffffff;
    margin-top:     5px;
    margin-bottom:      5px;
    overflow:       hidden;
    display:        block;
    clear:          both;
}

div.contentSeperator2       {
    height:         1px;
    background-color:   #000000;
    color:          #ffffff;
    margin-top:     5px;
    margin-bottom:      5px;
    overflow:       hidden;
    display:        block;
}

div.contentSeperator3       {
    height:         1px;
    background-color:   #cccccc;
    color:          #ffffff;
    margin-top:     5px;
    margin-bottom:      5px;
    overflow:       hidden;
    display:        block;
}

div.contentSeperatorPreBanner   {
    height:         1px;
    background-color:   #B5B6B5;
    color:          #ffffff;
    margin-top:     0px;
    margin-bottom:      0px;
    overflow:       hidden;
    display:        block;
}

div.contentSeperatorPostBanner  {
    height:         1px;
    background-color:   #000000;
    color:          #ffffff;
    margin-top:     0px;
    margin-bottom:      5px;
    overflow:       hidden;
    display:        block;
}

/* Style for heading underline */
hr.headingLine      {
    height:     2px;

    margin-top: 2px;
    margin-bottom:  1px;

    border-bottom:  1px solid transparent;
    border-top: 1px solid #000000;
                }

/* Modifiers to denote a required field (registration) */
.required           { color: #ff0000; font-size: 8pt; background-color: transparent; }

/* Standard page content links */
.pagelinks              { display: inline; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; }
.pagelinks a:link       { display: inline; text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; }
.pagelinks a:visited        { display: inline; text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; }
.pagelinks a:hover      { display: inline; text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; }

.livelist       {
    float:      right;
    margin-left:    5px;    
    margin-top: 8px;
            }
#livelist   img {
    border:     1px solid #888888;
    margin-bottom:  0;
    display:    block;
    width:      160px;
    height:     120px;
            }
#livelist   p   {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        normal;
    color:          #000000;
    background-color:   transparent;
    border:         1px solid #888888;
    margin-top:     0;
    margin-bottom:      5px;
    text-align:     center;
    background:     url("images/stone.jpg");
            }
#livelist   a   {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        bold;
    color:          #0066cc;
    background-color:   transparent;
    text-decoration:    none;
    display:        block;
    margin-top:     0;
    margin-bottom:      0;
            }
#livelist   a:link      { color: #0066cc; text-decoration: none; background-color: transparent; }
#livelist   a:visited   { color: #0066cc; text-decoration: none; background-color: transparent; }
#livelist   a:hover     { color: #0066cc; text-decoration: underline; background-color: transparent; }

div.livecam2        {
    float:      right;
    width:      165px;
    margin-right:   8px;
    margin-bottom:  16px;
            }

div.liveamrow       {
    margin-left:    100px;
    padding-left:   100px;
}

div.livecam     {
    float:      left;
    width:      164px;
    margin-right:   3px;
    margin-bottom:  16px;
            }

img.livecam     {
    border:     0;
    border-top: 1px solid #cccccc;
    margin-bottom:  0;
    width:      160px;
    height:     120px;
            }

p.livecam       {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        normal;
    color:          #000000;
    background-color:   transparent;
    border:         1px solid #cccccc;
    border-top:     none;
    margin-top:     0px;
    margin-bottom:      0px;
    text-align:     center;
    width:          162px;
    background:     url("images/stone.jpg");
            }

a.livecam       {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        bold;
    color:          #0066cc;
    background-color:   transparent;
    text-decoration:    none;
    margin-top:     0;
    margin-bottom:      0;
    text-align:     center;
            }

a.livecam   a:link      { color: #0066cc; text-decoration: none; background-color: transparent; }
a.livecam   a:visited   { color: #0066cc; text-decoration: none; background-color: transparent; }
a.livecam   a:hover     { color: #0066cc; text-decoration: underline; background-color: transparent; }

div.camgroup        {
    display:    block;
    clear:      left;
            }

img.imagecap        {
    border:     2px solid #0066cc;
    margin-bottom:  0;
    width:      192px;
    height:     144px;
            }

div.imagecap        {
    float:      right;
    }

p.imagecap      {
    margin-bottom:  0;
    margin-top: 0;
    }

div.imageitem       {
    border-bottom:  1px solid #cccccc;
    margin-bottom:  8px;
    padding-bottom: 5px;
    float:      right;
    }


/* Link Lists */
#siteList   li  {
    margin-top: 0;
    margin-bottom:  5px;
    padding:    0;
            }
#siteList   span    {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    font-weight:        bold;
    color:          #000000;
    background-color:   transparent;
            }
#siteList   p   {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    font-weight:        normal;
    color:          #000000;
    background-color:   transparent;
    margin-top:     0;
    margin-bottom:      0;
            }
#siteList   a   {
nets    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    font-weight:        bold;
    color:          #0066cc;
    background-color:   transparent;
    text-decoration:    none;
/*    display:        block; */
    margin-top:     0;
    margin-bottom:      0;
            }
#siteList   a:link      { color: #0066cc; text-decoration: none; background-color: transparent; }
#siteList   a:visited   { color: #0066cc; text-decoration: none; background-color: transparent; }
#siteList   a:hover     { color: #0066cc; text-decoration: underline; background-color: transparent; }

/* Medium sized header */
.midHeader          { font-family: verdana, Helvetica, sans-serif; font-size: 14pt; color: #0066cc; text-decoration: none; background-color: transparent; }

/* Product download/help/changes links */
.productLinks           { font-family: Verdana, Helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight: bold; background-color: transparent; }
.productLinks a:link        { font-family: Verdana, Helvetica, sans-serif; font-size: 9pt; color: #0066cc; font-weight: bold; text-decoration: none; background-color: transparent; }
.productLinks a:visited     { font-family: Verdana, Helvetica, sans-serif; font-size: 9pt; color: #0066cc; font-weight: bold; text-decoration: none; background-color: transparent; }
.productLinks a:hover       { font-family: Verdana, Helvetica, sans-serif; font-size: 9pt; color: #0066cc; font-weight: bold; text-decoration: underline; background-color: transparent; }

.productLinks   td      { font-family: Verdana, Helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight: bold; padding-right: 15px; background-color: transparent; }

/* Subtitles for images, *-notes, etc. */
.subtitle               { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: transparent; text-decoration: none; }
.subtitle   a:link      { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #0066cc; background-color: transparent; text-decoration: none; }
.subtitle   a:visited   { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #0066cc; background-color: transparent; text-decoration: none; }
.subtitle   a:hover     { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #0066cc; background-color: transparent; text-decoration: underline; }
.subheader          { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; background-color: transparent; color: #0066cc; font-weight: bold; }
.stitle1            { font-family: verdana, Helvetica, sans-serif; font-size: 22pt; background-color: transparent; color: #FF9900; margin-bottom: 0; margin-top: 0; }
.stitle1f           { font-family: verdana, Helvetica, sans-serif; font-size: 24pt; background-color: transparent; color: #FF9900; margin-bottom: 0; float: left; }
.stitle2            { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; background-color: transparent; color: #0066cc; font-weight:bold; margin-top: 0; margin-bottom:0; }
.stitle2b            { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; background-color: transparent; color: #0066cc; font-weight:bold; margin-bottom:0; }
.stitle3            { font-family: verdana, Helvetica, sans-serif; font-size: 18pt; background-color: transparent; color: #FF9900; margin-bottom: 0; margin-top: 0; }
.stitle4            { font-family: verdana, Helvetica, sans-serif; font-size: 14pt; background-color: transparent; color: #0066cc; font-weight:normal; margin-top: 0; margin-bottom:0; }
.stitle5            { font-family: verdana, Helvetica, sans-serif; font-size: 12pt; background-color: transparent; color: #FF9900; margin-bottom: 0; margin-top: 5px; }
.blocktitle         { font-family: verdana, Helvetica, sans-serif; font-size: 14pt; color: #0066cc; text-decoration: none; background-color: transparent; margin-top: 0; }
.blockpara          { margin-top:0; }
.ppcfieldheader         { margin-bottom:0; margin-top: 5px; }

/* small text for little things like "this excludes VAT" etc. */
.smallprint             { font-family: Verdana, Helvetica, sans-serif; font-size: 7pt; color: #000000; background-color: transparent; }

/* small text "what else do I need?" link. */
.connectinfo                { margin: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 7pt; color: #000000; font-weight: bold; background-color: transparent; text-decoration: none;}
.connectinfo    a:link      { margin: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 7pt; color: #0066cc; font-weight: bold; background-color: transparent; text-decoration: none;}
.connectinfo    a:visited   { margin: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 7pt; color: #0066cc; font-weight: bold; background-color: transparent; text-decoration: none; }
.connectinfo    a:hover     { margin: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 7pt; color: #0066cc; font-weight: bold; background-color: transparent; text-decoration: underline; }

.menuboxtext            { font-family: Verdana, Helvetica, sans-serif; font-size: 7pt; color: #000000; background-color: transparent; font-weight: bold; text-decoration: none; margin: 0px; margin-right: 2px; }
.menuboxtext    a:link      { font-family: Verdana, Helvetica, sans-serif; font-size: 7pt; color: #0066cc; background-color: transparent; font-weight: bold; text-decoration: none; margin: 0px; margin-right: 2px; }
.menuboxtext    a:visited   { font-family: Verdana, Helvetica, sans-serif; font-size: 7pt; color: #0066cc; background-color: transparent; font-weight: bold; text-decoration: none; margin: 0px; margin-right: 2px; } 
.menuboxtext    a:hover     { font-family: Verdana, Helvetica, sans-serif; font-size: 7pt; color: #0066cc; background-color: transparent; font-weight: bold; text-decoration: underline; margin: 0px; margin-right: 2px; }

.menuboxtext2           { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: transparent; font-weight: bold; text-decoration: none; margin: 0px; float:right; margin-top: 2px; }
.menuboxtext2   a:link      { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #0066cc; background-color: transparent; font-weight: bold; text-decoration: none; margin: 0px; float:right; margin-top: 2px; }
.menuboxtext2   a:visited   { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #0066cc; background-color: transparent; font-weight: bold; text-decoration: none; margin: 0px; float:right; margin-top: 2px; } 
.menuboxtext2   a:hover     { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #0066cc; background-color: transparent; font-weight: bold; text-decoration: underline; margin: 0px; float:right; margin-top: 2px; }

/* Connections Information box on camera desc. */
.connectinfobox         {
    background-color:   #eeeeee;
    color:          #0066cc;
    height:         20px;
    vertical-align:     middle;
    margin-right:       0px;
    margin-top:     0px;
    margin-bottom:      1px;
    margin-left:        10px;
    padding-left:       5px;
    background:     url("toolbar.png");
    background-repeat:  repeat-x;
                }

/* Connections Information box image style */
.connectinfodiv         {
    float:          right;
    margin-top:     2px;
    margin-right:       1px;
                }

.menubox            {
/*  float:          left; */
    display:        inline;
    border:         1px solid #aaaaaa;
    background-color:   #e7fdff;
    color:          #0066cc;
    height:         18px;
    vertical-align:     middle;
    margin-left:        0px;
    margin-right:       1px;
    margin-top:     0px;
    margin-bottom:      1px;
    padding:        1px;
                }

/* Shop sub-section divider */
.shopdivider            {
    background-color:   #eeeeee;
    color:          #0066cc;
    height:         20px;
    vertical-align:     middle;
    margin-right:       0px;
    margin-top:     2px;
    margin-bottom:      2px;
    margin-left:        0px;
    background:     url("toolbar.png");
    background-repeat:  repeat-x;
                }

/* List header */
.listheader         {
    margin-bottom:      0;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:      9pt;
    color:          #000000;
    background-color:   transparent; 
    font-weight:        bold;
    text-decoration:    underline;
            }

/* List body */
.listbody           {
    margin-top:     0;
    margin-bottom:      0;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:      9pt;
    color:          #000000;
    background-color:   transparent; 
    font-weight:        normal;
            }

/* News items */
.newstitle      {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    font-weight:        bold;
    color:          #0066cc;
    background-color:   transparent;
    margin-bottom:      0;
    margin-top:     0;
    border-bottom:      1px #aaaaaa solid;
            }
.newsitem       {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    font-weight:        normal;
    color:          #000000;
    background-color:   transparent;
    margin-top:     5px;
    margin-bottom:      0;
            }
.newslink       {
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    font-weight:        bold;
    color:          #000000;
    background-color:   transparent;
    text-decoration:    none;
    margin-top:     5px;
    margin-bottom:      15px;
    border-bottom:      1px #dfdfdf solid;
            }

/* Styling for columns of DIVs in the main content cell */
.column2-1      {
    width:          50%;
    vertical-align:     top;
    padding:        4px;
    float:          left;
            }
.column2-2      {
    vertical-align:     top;
    padding:        4px;
            }

/* Style to sort out bug in CSS with screwed up list item bullets */
.fixed-li       {
    margin-left:    0;
    padding-left:   0;
    list-style-position: inside;
            }

div.productSummary      {
    clear:      both;
    margin-top: 24px;
    margin-bottom:  8px;
    border-bottom:  1px solid #dddddd;
                }

div.productSummaryHeader    {
    margin-bottom:  2px;
    margin-right:   120px;
    border-bottom:  1px solid #000000;
    }

p.productSummaryDesc        {
    margin-top:     0;
    margin-bottom:      4px;
    font-family:        verdana, helvetica, sans-serif;
    font-size:      10pt;
    color:          #000000;
    background-color:   #ffffff;
            }
    
.productSummaryLink         { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; font-weight: bold; }
.productSummaryLink a:link  { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; font-weight: bold; }
.productSummaryLink a:visited   { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; font-weight: bold; }
.productSummaryLink a:hover { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; font-weight: bold; }

hr.productSummary       {
    height:     2px;

    margin-top: 1px;
    margin-bottom:  1px;

    border-bottom:  1px solid transparent;
    border-top: 1px solid #000000;
            }

.productSubtitle                { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: transparent; margin-top:0; margin-bottom: 2px; }

.customerHeading            { font-family: verdana, Helvetica, sans-serif; font-size: 11pt; background-color: transparent; color: #0066cc; font-weight: bold; border-bottom: 1px solid #666666; margin-top: 24px; padding-bottom: 2px; }
.customerDesc               { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; background-color: transparent; color: #000000; font-weight: normal; margin-bottom: 2px; padding-bottom: 2px; }

.customerImage              { float: right; width: 96px; height: 128px; margin-top: 8px; border: 1px solid #777777; }

span.frontProductHeading        { margin-bottom: 0; margin-top: 0; }
div.frontProductHeading         { border-bottom: 1px solid #999999; margin-bottom: 4px; margin-top: 0; text-align: center; }
.frontProductSubHeading         { font-family: Verdana, Helvetica, sans-serif; font-size: 11pt; background-color: transparent; color: #0066cc; font-weight: bold; text-align: center; margin-bottom: 6px; }
.frontProductDesc           { font-family: verdana, Helvetica, sans-serif; font-size: 8pt;  background-color: transparent; color: #000000; text-align: justify; }

div.frontProductLink            { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; text-align: center; margin-top: 8px; }
a.frontProductLink          { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; text-align: center; margin-top: 8px; font-weight: bold; }
.frontProductLink   a:link      { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; text-align: center; font-weight: bold; margin-top: 8px; }
.frontProductLink   a:visited   { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; text-align: center; font-weight: bold; margin-top: 8px; }
.frontProductLink   a:hover     { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; text-align: center; font-weight: bold; margin-top: 8px; text-decoration: underline; }

div.customerStudyLink           { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; margin-top: 0; border-bottom: 1px solid #dddddd; }
a.customerStudyLink         { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: transparent; margin-top: 0; font-weight: bold; }
.customerStudyLink  a:link      { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; font-weight: bold; margin-top: 8px; }
.customerStudyLink  a:visited   { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; font-weight: bold; margin-top: 8px; }
.customerStudyLink  a:hover     { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; background-color: transparent; font-weight: bold; margin-top: 8px; text-decoration: underline; }

div.customerSiteLink            {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:      8pt;
    color:          #000000;
    background-color:   transparent;
    margin-top:     9px;
    margin-bottom:      3px;
    margin-right:       8px;
    float:          right;
                    }


.customerSiteLink   a:link      { font-size: 8pt; text-decoration: none; }
.customerSiteLink   a:visited   { font-size: 8pt; text-decoration: none; }
.customerSiteLink   a:hover     { font-size: 8pt; text-decoration: underline; }
.customerSiteLink   a:active    { font-size: 8pt; text-decoration: none; }

.lenstable  {
    border: 1px solid #888888;
}

.lenscell   {
    border:     1px solid #888888;
    text-align: center;
}

.shopDeptIcon   {
    width:      102px;
    height:     118px;
    overflow:   hidden;
    float:      left;   

    display:    inline;

    margin-left:    6px;
    margin-right:   6px;
    margin-top: 8px;
}

.shopDeptIcon2  {
    width:      102px;
    height:     132px;
    overflow:   hidden;
    float:      left;

    margin-left:    6px;
    margin-right:   6px;
    margin-top: 8px;
    margin-bottom:  12px;
}

.shopDeptName   {
    color:          #ffffff;
    background-color:   #0066cc;
    background:     url("cctvshop/en-gb/gradback.png");
    background-repeat:  repeat-y;
    width:          102px;
    height:         32px;

    margin-top:     2px;
    margin-bottom:      2px;

    font-family:        Verdana, Helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        bold;

    text-align:     center;
    text-decoration:    none;
}

.shopDeptSubtitle   {
    color:          #ffffff;
    background-color:   #0066cc;

    font-family:        Verdana, Helvetica, sans-serif;
    font-size:      7pt;
    font-weight:        bold;

    text-align:     center;
    text-decoration:    none;
}

.shopDeptLink   {
    color:          #ffffff;
    background-color:   #0066cc;

    font-family:        Verdana, Helvetica, sans-serif;
    font-size:      8pt;
    font-weight:        bold;

    text-align:     center;
    text-decoration:    none;
}

.shopDeptImage  {
    width:          96px;
    height:         96px;
    border:         1px solid #0066cc;
    margin-bottom:      1px;
}

.shopSearchLink {
    color:          #0066cc;
    font-family:        Verdana, Helvetica, sans-serif;
    font-weight:        bold;
    font-size:      10pt;
    margin-top:     8px;
    margin-bottom:      0px;
    text-decoration:    none;
}

.shopSearchLink a:link {
    color:          #0066cc;
    font-family:        Verdana, Helvetica, sans-serif;
    font-weight:        bold;
    font-size:      10pt;
    margin-top:     8px;
    margin-bottom:      0px;
    text-decoration:    none;
}

.shopSearchLink a:visited {
    color:          #0066cc;
    font-family:        Verdana, Helvetica, sans-serif;
    font-weight:        bold;
    font-size:      10pt;
    margin-top:     8px;
    margin-bottom:      0px;
    text-decoration:    none;
}

.shopSearchLink a:hover {
    color:          #0066cc;
    font-family:        Verdana, Helvetica, sans-serif;
    font-weight:        bold;
    font-size:      10pt;
    margin-top:     8px;
    margin-bottom:      0px;
    text-decoration:    underline;
}

.shopSearchDesc {
    color:          #000000;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:      8pt;
    text-align:     justify;
    margin-top:     0px;
    margin-bottom:      0px;
}

.shopSearchCode {
    color:          #000000;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:      9pt;
    margin-top:     2px;
    margin-bottom:      8px;
}
    
.listPrefix {
    font-weight:        bold;
    }

.sublistPrefix  {
    width:          104px;
    }

.buildNumber    {
    font-family:        Verdana, Helvetica, sans-serif;
    font-weight:        bold;
    font-size:      10pt;
    margin-top:     16px;
    margin-bottom:      0px;
    color:          #0066cc;
    background-color:   transparent;
}

.changelog  {
    margin-top:     0px;
    margin-bottom:      0px;
}

.manfHeader         { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; background-color: transparent; color: #0066cc; font-weight: bold; text-decoration: underline; }
.manfHeaderMain         { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; background-color: transparent; color: #000000; font-weight: bold; text-decoration: underline; margin-bottom:0; }
.manfCell           { width: 154px; overflow: hidden; float: left; height: 28px; margin: 2px; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; text-align: center;}
.manfCellText       { width: 154px; overflow: hidden; float: left; height: 28px; margin: 2px; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; text-align: center;}
.manfImg                { margin: 1px; }

.manfCellTextLink           { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; margin: 0; margin-top: 3px; margin-left: 1px; }
.manfCellTextLink   a:link      { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; margin: 0; margin-top: 3px; margin-left: 1px; }
.manfCellTextLink   a:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; margin: 0; margin-top: 3px; margin-left: 1px; }
.manfCellTextLink   a:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; margin: 0; margin-top: 3px; margin-left: 1px; }

.devDesc            { margin-top: 4px; }

div.cameraHeader    {
            border-bottom:  1px #cccccc solid; 
            position:   relative;
            text-align: left;
            width:      100%;
            height:     25px;
            clear:      both;
            }
span.cameraHeader   { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  11pt;
            color:      #000000;
            font-weight:    bold;
            position:   absolute;
            left:       0;
            }

span.sjpegHeader    { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  11pt;
            color:      #000000;
            font-weight:    bold;
            position:   absolute;
            right:      360px;
            }

span.mjpegHeader    { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  11pt;
            color:      #000000;
            font-weight:    bold;
            position:   absolute;
            right:      250px;
            }

span.streamHeader    { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  11pt;
            color:      #000000;
            font-weight:    bold;
            position:   absolute;
            right:      120px;
            }

span.ptzHeader  { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  11pt;
            color:      #000000;
            font-weight:    bold;
            position:   absolute;
            right:      80px;
            }

span.audioHeader  { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  11pt;
            color:      #000000;
            font-weight:    bold;
            position:   absolute;
            right:      20px;
            }

div.camera      {
            position:   relative;
            text-align: left;
            width:      100%;
            height:     10pt;
            }
span.camera     { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  10pt;
            color:      #000000;
            font-weight:    bold;
            position:   absolute;
            left:       0;
            }

div.gocamera      {
	    float:left;
            text-align: left;
            width:      150px;
            height:     10pt;
            }
span.gocamera     { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  10pt;
            color:      #000000;
            font-weight:    bold;
            }

span.sjpeg      { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  10pt;
            color:      #000000;
            font-weight:    Normal;
            position:   absolute;
            right:      390px;
            }

span.mjpeg      { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  10pt;
            color:      #000000;
            font-weight:    Normal;
            position:   absolute;
            right:      290px;
            }

span.stream      { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  10pt;
            color:      #000000;
            font-weight:    Normal;
            position:   absolute;
            right:      160px;
            }

span.ptz        { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  10pt;
            color:      #000000;
            font-weight:    Normal;
            position:   absolute;
            right:      90px;
            }

span.audio        { 
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  10pt;
            color:      #000000;
            font-weight:    Normal;
            position:   absolute;
            right:      35px;
            }
div.cameraNotes     {
            font-family:    Verdana, Helvertica, sans-serif;
            font-size:  8pt;
            color:      #000000;
            font-weight:    Normal;
            margin-top: 4px;
            margin-bottom:  12px;
		clear:left;
            }

.section        { font-family: verdana, Helvetica, sans-serif; font-size: 12pt; color: #0066cc; text-decoration: none; background-color: transparent; border-bottom: 1px solid #cccccc; margin-bottom: 0px; margin-top: 16px; font-weight: bold; }
.camnotes       { font-family: verdana, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-decoration: none; background-color: transparent; margin-bottom: 8px; margin-top: 0px; }
.section2       { font-family: verdana, Helvetica, sans-serif; font-size: 12pt; color: #0066cc; text-decoration: none; background-color: transparent; border-bottom: 1px solid #cccccc; margin-bottom: 0px; margin-top: 0px; font-weight: bold; }
.specsblock     { margin-top: 0; margin-bottom: 16px; }
.supportSection     { clear: left; font-family: verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration: none; background-color: transparent; border-bottom: 1px #eeeeee solid; margin-bottom: 0px; margin-top: 16px; font-weight: bold; }
.supportLink        { float: left; width: 275px; font-family: verdana, Helvetica, sans-serif; font-size: 12pt; color: #0066cc; text-decoration: none; background-color: transparent; margin-bottom: 2px; margin-top: 2px; font-weight: normal; padding-left: 16px;  background: url("support/bullet.png"); background-repeat: no-repeat; background-position: left; }
.supportPrefix      { margin-top: 0; margin-bottom: 4px; }

.video          {
    width:          352px;
    aheight:         288px;
    border:         2px #cccccc solid;
    background-color:   #cccccc;
    overflow:       hidden;
    }

.videosmall     {
    width:          320px;
    height:         240px;
    border:         2px #cccccc solid;
    background-color:   #cccccc;
    overflow:       hidden;
    }

.videoodd       {
    width:          352px;
    height:         240px;
    border:         2px #cccccc solid;
    background-color:   #cccccc;
    overflow:       hidden;
    }

div.backpanel   {
    background-image:   url("images/frame/frame134.gif");
    background-repeat:  no-repeat;
    background-position:    top-left;
    padding:        0px;
}

img.backpanel   {
    margin:         12px;
}

.vpanel     { background-image: url("images/frame/panel-v.gif"); background-repeat: repeat-y; }
.vpanel-wi-l    { background-image: url("images/frame/panel-v-wi-l.gif"); background-repeat: repeat-y; }
.vpanel-wi-r    { background-image: url("images/frame/panel-v-wi-r.gif"); background-repeat: repeat-y; }
.hpanel     { background-image: url("images/frame/panel-h.gif"); background-repeat: repeat-x; }
.hpanel-wi-t    { background-image: url("images/frame/panel-h-wi-t.gif"); background-repeat: repeat-x; }
.hpanel-wi-b    { background-image: url("images/frame/panel-h-wi-b.gif"); background-repeat: repeat-x; }
.hpanel2    { background-image: url("images/frame/panel-h2.gif"); background-repeat: repeat-x; }
.panelHeader {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #ffffff;
    height: 12px;
    color: #000000;
    }

.deviceText {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: transparent;
    color: #000000;
    height: 12px;
    margin: 2px;
    }


.controlboxoff  {
    border:     1px solid #000000;
    height:     20px;
    width:      88px;
    overflow:   hidden;
    cursor:     default;
    background-color:   #ffffff;
    }

.controlboxon   {
    border:     1px solid #000000;
    height:     20px;
    width:      88px;
    overflow:   hidden;
    cursor:     default;
    background-color:   #CFE8FF;
    }

.controlboxhover    {
    border:     1px solid #000000;
    height:     20px;
    width:      88px;
    overflow:   hidden;
    cursor:     default;
    background-color:   #dddddd;
    }

.pdfdownload {
	margin-left:		20px;
	margin-right:		20px;
    padding-left:       28px;
    background:     url("images/pdf.png");
    background-position:    top-left;
    background-repeat:  no-repeat;
}

.htmldownload {
	margin-left:		20px;
	margin-right:		20px;
    padding-left:       28px;
    background:     url("images/html.png");
    background-position:    top-left;
    background-repeat:  no-repeat;
}

.pdftitle {
    font-size:      10pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        bold;
    background-color:   transparent;
    color:          #0066cc;
    margin-top:     0;
    margin-bottom:      0;
    border-bottom:      1px solid #999999;
}

.pdftitle a:link {
    font-size:      10pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        bold;
    background-color:   transparent;
    color:          #0066cc;
    margin-top:     0;
    margin-bottom:      0;
    border-bottom:      1px solid #999999;
    text-decoration:    none;
}

.pdftitle a:visited {
    font-size:      10pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        bold;
    background-color:   transparent;
    color:          #0066cc;
    margin-top:     0;
    margin-bottom:      0;
    border-bottom:      1px solid #999999;
    text-decoration:    none;
}

.pdftitle a:hover {
    font-size:      10pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        bold;
    background-color:   transparent;
    color:          #0066cc;
    margin-top:     0;
    margin-bottom:      0;
    border-bottom:      1px solid #999999;
    text-decoration:    underline;
}

.itunes {
    font-size:      8pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        bold;
    background-color:   transparent;
    color:          #0066cc;
    margin-top:     0;
    margin-bottom:      0;
}

.itunes a:link {
    font-size:      8pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        bold;
    background-color:   transparent;
    color:          #0066cc;
    margin-top:     0;
    margin-bottom:      0;
    text-decoration:    none;
}

.itunes a:visited {
    font-size:      8pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        bold;
    background-color:   transparent;
    color:          #0066cc;
    margin-top:     0;
    margin-bottom:      0;
    text-decoration:    none;
}

.itunes a:hover {
    font-size:      8pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        bold;
    background-color:   transparent;
    color:          #0066cc;
    margin-top:     0;
    margin-bottom:      0;
    text-decoration:    underline;
}


.pdfdescription {
    font-size:      8pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        normal;
    background-color:   transparent;
    color:          #000000;
    margin-top:     2px;
}

.pdfdate {
    float:          right;
    margin:         0;
    font-size:      8pt;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        normal;
    background-color:   transparent;
    color:          #000000;
}


.soft_ppc2          { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none }
.soft_ppc2  a:link      { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #0066cc; background-color: transparent; text-decoration: none }
.soft_ppc2  a:visited   { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #0066cc; background-color: transparent; text-decoration: none }
.soft_ppc2  a:hover     { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #0066cc; background-color: transparent; text-decoration: underline }

.soft_ppc1          { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; background-color: transparent; text-decoration: none }
.soft_ppc1  a:link      { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; text-decoration: none }
.soft_ppc1  a:visited   { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; text-decoration: none }
.soft_ppc1  a:hover     { font-family: verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0066cc; background-color: transparent; text-decoration: underline }

/* Headline links for post-seperator text */
.headLine               { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #000000; background-color: transparent; font-weight: bold; margin-top: 0; margin-bottom: 8px; text-decoration: none; }
.headLine   a:link      { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #0066cc; background-color: transparent; font-weight: bold; margin-top: 0; margin-bottom: 8px; text-decoration: none; }
.headLine   a:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #0066cc; background-color: transparent; font-weight: bold; margin-top: 0; margin-bottom: 8px; text-decoration: none; }
.headLine   a:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #0066cc; background-color: transparent; font-weight: bold; margin-top: 0; margin-bottom: 8px; text-decoration: underline; }