/* Last update 2 November 2010 */

/* General Styles */
BODY    { 
        font-family: Arial, Helvetica, Sans-serif;
        font-size: 10pt; 
        background-color: #EEEEFF; 
        margin: 0px; 
        padding: 0px;
        }
        
        
        
TEXTAREA { 
        font-family: Arial, Helvetica, Sans-serif;
        font-size: 10pt; 
        }

H1      { 
        font-size: 14pt;
        text-transform:capitalize;
        text-align: center;
        }

H2      { 
        font-size: 12pt;
        text-transform: capitalize;
        }

H3      { 
        font-size: 11pt;
        text-transform: capitalize;
        }


#binwrapper /* contains everything */
{
    position: relative;
    background-color: White;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    border-bottom: solid 1px gray;
    width: 978px;   /* +2px for borders = 980 */
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3em; /* Space for footer */
}

header 
{
}

#headerbackground 
{
    width: 100%;
    height: 101px;
    background-color: Black;
    background-image: url(/images/top_left_image.gif);
    background-repeat:no-repeat;
}

footer
{
    position: relative;
    bottom: -3em;  /* Fit in padding-bottom of #binwrapper */
    margin-top: 1em;
    background-color: White;
    border-top: dotted thin gray;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
    width: 90%;
    height: 3em;
    margin-left: auto;
    margin-right: auto;
}



/* Main menu settings */
/* Inspired by: http://matthewjamestaylor.com/blog/centered-dropdown-menus */
#topnav2 
{
    position: absolute;
    top: 101px;
    left: 0px;
    margin:0;
    padding:0;
    width:100%;
    font-family: Arial, Helvetica, sans-serif; /* Menu font */
    font-size:100%; /* Menu text size */
    background-color: #D8EAF4;
    z-index:1000; /* This makes the dropdown menus appear above the page content below */
    padding-bottom: 5px;
}

/* Top menu items */
#topnav2 > ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#topnav2 > ul > li {
   margin:0 0 0 10px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
}
#topnav2 > ul > li > a {
    display:block;
    margin:0;
    line-height:1.2em;
    background:#E44B45;
    background-image: url("images/arrow-down.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right;
    text-decoration:none;
    color:green;
    font-weight:bold;
    padding: 5px 12px 5px 12px;
    text-decoration: none;
    color: white;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-shadow: 3px 3px 4px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
}

#topnav2 > ul > li > a.nochild 
{
  background-image: none;
}



#topnav2 > ul > li.active > a {
   color:#fff;
   background:#000;
}
#topnav2 > ul > li > a:hover {
   background:#E44B45; /* Top menu items background colour */
   color:#fff;
   xborder-bottom:1px solid #03f;
}
#topnav2 > ul > li:hover > a,
#topnav2 > ul > li.hover > a { /* This line is required for IE 6 and below */
   background:#E44B45; /* Top menu items background colour */
   color:#fff;
   xborder-bottom:1px solid #03f;
}


#topnav2 > ul > li > div  /* 2nd level Navigation brick */
{
    display: none;
    z-index: 1000;
    position:absolute;
    top: 2em;
    left:-5em;
    width: 20em;
    right:auto; /*resets the right:50% on the parent ul */
    border: solid 1px gray;
    padding: 5px;
    color: rgb(75,78,80); 
	background-color: rgb(216,234,244);
    margin: 0px;
    line-height: 1.25em;
    -moz-border-radius: 8px;
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
    font-weight: bold;
}


#topnav2 > ul > li > div > ul,
#topnav2 > ul > li > div > ul ul
{
    list-style-type : disc;
    padding-left: 1em;
    margin-left: 1em;
    margin-top: 0px;
    padding-top: 0px;
}

#topnav2 > ul > li > div > ul ul.flow
{
    padding-left: 0;
    margin-left: 0.5em;
    margin-top: 0;
}

#topnav2 > ul > li > div > ul ul.flow li
{
    display: inline;
    list-style-type: disc;
    padding-left: 0;
    margin-left: 0.5em;
}

#topnav2 > ul > li > div a, 
#topnav2 > ul > li > div a:visited
{
    text-decoration: none;
    color: rgb(75,78,80); 

}

#topnav2 > ul > li > div a:hover,
#topnav2 > ul > li > div a:active
{
    text-decoration: underline;
    color: Red;
}


#topnav2 > ul > li > a:focus,
#topnav2 > ul > li > a:active,
#topnav2 > ul > li:hover div,
#topnav2 > ul > li.hover div /* Make brick visible */
{
    display: block;
  
}

#topnav2 > ul > li > div#testX
{
    display: block;
}



#banners        /* Binomial International + tag lines */
{
    margin-left: 138px; /* space for top_left_image */
    margin-right: 250px;    /* space for  top right image, if used */
}

#topright       /* top right image, if used */
{
    float: right;
    position: relative;
}

#topright img /* Workaround for Firefox a on floated element */
{
    position: absolute; /* relatived to topright */
    right: 0px;
    top: 0px;
}


/* 3 fixed column layout 125 +  */

#lhs
{
    top: 2em;
    xmargin-top: 2.5em;  /* to make mouse over easier - now done with date */
    position: relative;
    width: 125px;
    float: left;
    
}

#datelanguage
{
    top: 2.5em;
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
}

#flags
{
    float: right;
    font-weight: bold;
    font-size: 8pt;
    margin-right: 4em;
}


#date
{
    font-weight: bold;
    font-size: 8pt;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 2em;
}



#lhs .inside
{
}


#lhs ul {margin:0px 0px 0px 5px; padding:0px;}
#lhs ul li 
{
    list-style: none;
    margin-bottom: 3px;
    font-size: 90%;
}

#lhs ul li a {
 color: #4B4E50; /* #fff; */
 background-color:#D8EAF4;	/*#E44B45;*/
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 0.25em;
 text-decoration:none;
 width:100%;
 border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#lhs ul li a:hover{
 text-decoration:underline;
 background-color: #f90;
 border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

/* Logos at bottom of LHS */
.logos {
    text-align: center;
    font-size: 8pt;
    padding-top: 6px;
}

/* Special button at top of LHS */
#lhs ul li a.LHSTOP,
#lhs ul li a.LHSTOP:hover 
{
    color: White;
    background-color: Black;
    text-align: center;
}

/* Special button at top of LHS */
#lhs ul li a.LHHOME,
#lhs ul li a.LHHOME:hover 
{
    color: White;
    background-color: #E44B45;
    text-align: left;
}


#lhs ul li a.LHCONTACT
{
    font-weight: bold;
}


/* Main Body of Page */

#binmain
{
    position: relative;
    top: 2em;
    background-color: White; 
    float: left; 
    width: 710px;    
}

#binmain .inside
{
    padding: 0px 1em 5px 1em;
    margin-bottom: 1em;
}



#rhs    /* Not always shown */
{
    position: relative;
    margin-top: 0.5em;
    top: 1em;
    float: right;
    width: 143px;
}

#rhs .inside
{
}


/* Slogans + Page Heading */
.TOPFADE1 { position: relative; left: 20px; color: rgb(155,155,155); font-size: 12pt; text-align: center;}
.TOPFADE2 { position: relative; left: 20px; color: rgb(155,155,155); font-size: 12pt; text-align: center;}
.TOPFADE3 { position: relative; left: 20px; color: rgb(255,255,255); font-size: 24pt; text-align: center;}
.TOPFADE4 { position: relative; left: 20px; color: rgb(200,200,200); font-size: 12pt; text-align: center;}


/* The row containing the date */
.DATELINE  
{
    color: black; font-size: 8pt; 
	padding-left: 8px; 
}





/* Buttons to the right of them ... */
.RBUTTON {
								color: white; background-color: rgb(228,75,69);
								font-size: 6pt; font-weight: bold; text-align: left;
								text-transform: uppercase; 
								width: 206px; height: 21px; 
								padding-top: 6px; padding-bottom: 6px; 
								padding-left: 3px; 
								letter-spacing: 0.3em;
								border-width: 1px;
								border-style: solid;
								border-color: black;
					}

/* Things to the right of them ... */
.RTHING {
				color: black; background-color: rgb(222,222,222);
				border-width: 1px;
				border-style: solid;
				border-color: black;
				}


/* Testimonial text */
.TESTIMONY {
							color: black; font-size: 8pt; font-weight: bold;
						}
.WITNESS		{
						color: rgb(151,156,160);
						font-size: 8pt;
						}

					
/* Newsbyte text */
.NEWSBYTE {
					color: black; font-size: 8pt; font-weight: bold;
					}

/* Demos */
.DEMONAME {
					font-size: 8pt;
					}
.VDBUTTON {
					color: white; background-color: black;
								font-size: 6pt; font-weight: bold; text-align: left;
								text-transform: uppercase;
								text-align: center; 
								padding-top: 6px; padding-bottom: 6px; 
								 height: 10px;
					}

/* Home Page Boxy Bits */
.MIDDLETABLE {
					border-width: 0px; 
					border-style: solid;
					border-color: black;
					
					}

.MIDDLEGREY {
					background-color: rgb(222,222,222);
					border-width: 1px; 
					border-style: solid;
					border-color: black;
					}
.MIDDLEBLUE	{
					background-color: rgb(216,234,244);
					border-width: 1px; 
					border-style: solid;
					border-color: black;
					}

.TICKER	{
					font-family: "Courier New", Courier, monospace;
					font-size: 10pt;
					background-color: white;
					border-width: 1px; 
					border-style: solid;
					border-color: black;
					}


.FIRSTPAGELIST 
{
    font-size: 10pt;
    line-height: 13pt;
}


/* Copyright DIV */
div.COPYRIGHT      
{
    font-size: 8pt;
    text-align: center;
}


/* Seminar Ad (Big)  Everything is inside SEMINARAD*/
.SEMINARAD {
					font-size: 8pt; font-weight: bold;
					text-align: center;
					padding-left: 6px;
					padding-right: 6px;
					padding-top: 6px;
					padding-bottom: 6px;
					}
.SEMINARADTITLE {
					text-transform: uppercase;
					letter-spacing: 0.1em;
					}

.SEMINARADDATE {
					font-size: 12pt; font-weight: bold;
					}

.SEMINARADPLACE {
					}

.SEMINARADLENGTH {
                 }

.SEMINARADREG {
					text-align: center;
					text-transform: uppercase;
					padding-top: 0px;
					padding-bottom: 0px;
					letter-spacing: 0.1em;
					}

/* RHS Seminar Ad Everything is inside RHSSEMINARAD*/
.RHSSEMINARAD {
					font-size: 8pt; font-weight: bold;
					text-align: center;
					padding-left: 6px;
					padding-right: 6px;
					padding-top: 6px;
					padding-bottom: 6px;
                    border: 1px solid black;
                    margin-left: 4px;
                    background-color: rgb(216,234,244);
					}
.RHSSEMINARADTITLE {
					text-transform: uppercase;
					letter-spacing: 0.1em;
					}

.RHSSEMINARADDATE {
					font-size: 12pt; font-weight: bold;
					}

.RHSSEMINARADPLACE {
					}

.RHSSEMINARADLENGTH {
                 }

.RHSSEMINARADREG {
					text-align: center;
					text-transform: uppercase;
					padding-top: 0px;
					padding-bottom: 0px;
					letter-spacing: 0.1em;
					}


.INLINESEMINARAD {
					background-color: rgb(216,234,244);
					border-width: 1px; 
					border-style: solid;
					border-color: black;
					font-size: 8pt; font-weight: bold;
					text-align: center;
					padding-left: 6px;
					padding-right: 6px;
					padding-top: 6px;
					padding-bottom: 6px;
                    border: 1px solid black;
                    margin-left: 4px;
                    background-color: rgb(216,234,244);
					}



/* Edition Listing on Home page */
.MIDDLEEDITIONNAME {
					font-size: 10pt; font-weight: bold;
					text-align: center;
					padding-left: 4px;
					padding-right: 4px;
					padding-top: 4px;
					padding-bottom: 4px;
					letter-spacing: 0.1em;
					}

.MIDDLEEDITIONBLURB {
					font-size: 8pt;
					text-align: center;
					padding-left: 6px;
					padding-right: 6px;
					padding-top: 6px;
					padding-bottom: 6px;
					}

.MIDDLEEDITIONTRY {
					font-size: 8pt; font-weight: bold;
					text-transform: uppercase;
					text-align: right;
					letter-spacing: 0.2em;
					}

/* Newsletter Listing on Newsletter Page */
.ISSUEDETAIL    {
                font-size: 8pt;
                text-transform: capitalize;
                }
/* This applies in addition to ISSUEDETAIL */
.ISSUETITLE     {
                font-size: 10pt;
                font-weight: bold;
                }


/* Seminar Testimonials */
.TESTIMONIAL_QUOTE
{
    font-style: italic;
    font-size: smaller;
}

/* Nested inside TESTIMONIAL_QUOTE */
.TESTIMONIAL_SOURCE
{
    font-style: normal;
    font-weight: bold;
}

/* Seminar Dates - from DisplaySeminarDates */
table.SEMINARS
{
    border: solid black 1px;
    background-color: rgb(216,234,244);
}

THEAD.SEMINARHEAD
{
    font-weight: bold;
    text-align: center;
    font-size: 10pt;
}

TBODY.SEMINARBODY
{
	xfont-variant: small-caps;
	font-size: 9pt;
}

TR.SEMINARROWODD
{
    background-color: rgb(180,200,244);
}

TR.SEMINARROWEVEN
{
    background-color: rgb(216,234,244);
}

TR.SEMINARROWODDB
{
	font-weight: bold;
    background-color: rgb(180,200,244);
}

TR.SEMINARROWEVENB
{
	font-weight: bold;
    background-color: rgb(216,234,244);
}

TD.SEMINARTITLE
{
}

TD.SEMINARDATE
{
}

TD.SEMINARLOCATION
{
}

TD.SEMINAROPEN
{
	font-weight:bold;
}

TD.SEMINARCLOSED
{
	color: red;
}


/* Seminar Registration Form */
table.SeminarQty
{
    border: thin solid black;
    background-color: rgb(216,234,244);
}

THEAD.SeminarQtyHead 
{
    font-weight: bold;
    text-align: center;
}

TR.SeminarQtyOdd
{
    background-color: rgb(180,200,244);
}


TR.SeminarQtyEven
{
    background-color: rgb(216,234,244);
}




TD.SeminarQtyTitle
{
}

TD.SeminarQtyDates
{
    font-size: 8pt;
}

TD.SeminarQtyLocation
{
    font-size: 8pt;
    text-align: center;
}

TD.SeminarQtyPrice
{
    text-align: right;
}

TD.SeminarQtyQty 
{
    text-align: center;
}

SPAN.SeminarQtyClosed 
{
    text-align: center;
    font-size: 8pt;
    color: Red;
}

div.SEMINARDISCLAIMER
{
    font-size: 8pt;
    border: thin black dotted;
    margin-top: 0.25in;
    margin-left: 1in;
    margin-right: 1in;
    padding-left: 1em;
    padding-right: 1em;
}

div.SEMINARCHANGED
{
    border: thick red dotted;
    margin-top: 0.25in;
    margin-left: 1in;
    margin-right: 1in;
    padding: 0.25in;
    font-style: italic;
    text-align: center;
}


/* Phoenix Code List */
table.PHOENIXCODELIST
{
    border-collapse: collapse;
    background-color: rgb(216,234,244);
}

table.PHOENIXCODELIST TD
{
    border: solid black 1px;
    padding: 2px;
}

table.PHOENIXCODELIST TD.PHOENIXNAME
{
    font-weight: bold;
}


table.PHOENIXCODELIST TD.PHOENIXBUYNOW
{
    background-color: red;
    color: white;
    text-align: center;
    margin: 1px;
}


A.PHOENIXBUYNOW:link,A.PHOENIXBUYNOW:visited 
{
    color: white;
    text-decoration: underline;
}

A.PHOENIXBUYNOW:hover
{
    color: black;
    text-decoration: underline;
}

/* Phoenix Price List pricelist.php */
table.PHOENIXPRICELIST
{
    border: solid black 1px;
    border-collapse: collapse;
    background-color: white;
}

table.PHOENIXPRICELIST TD.PHOENIXPRICEHEADING
{
    font-weight: bold;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    padding: 2px;
    text-align: center;
}


table.PHOENIXPRICELIST TD.PHOENIXNAME
{
    font-weight: bold;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    padding: 2px;
}

TD.PHOENIXNAME SPAN.PHOENIXDESCRIPTION
{
    font-size: 8pt;
    font-weight: normal;
}

TD.PHOENIXSUPPORT
{
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
}

table.PHOENIXPRICELIST TD.PHOENIXPRICE
{
    border: solid black 1px;
    padding: 2px;
    text-align: center;
}

table.PHOENIXPRICELIST TD.PHOENIXBUYNOW
{
    background-color: red;
    border: solid black 1px;
    color: white;
    text-align: center;
    margin: 1px;
}

/* Evaluation Code list */
table.EVALCODELIST
{
    border-collapse: collapse;
    background-color: rgb(216,234,244);
}

table.EVALCODELIST td
{
    border: solid black 1px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
}

table.EVALCODELIST .PHOENIXNAME
{
    font-weight: bold;
}



/* Screenshot on purchase page */
IMG.SCREENSHOT 
{
    margin: 4px;
    border: solid grey 1px;
}

/* Did You Know */
div.DIDYOUKNOW 
{
    font-size: 8pt;
    font-family: Arial, Helvetica, Sans-Serif;
    border-left: solid thin gray;
    border-top: solid thin gray;
    border-bottom: solid thin gray;
    padding: 10px;
	width: 120px;
	background-color: #DDDDDD;
}

P.DIDYOUKNOWQ
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}

P.DIDYOUKNOWA
{
    margin-top: 0.5em;
    xtext-indent: 1em;
    margin-bottom: 0.5em;
}

/* INPUT fields in forms */


input,textarea
{
    font-family: "Courier New", Courier, monospace;
}

input[type="submit"],
input[type=reset]
{
    font-family: Arial, Helvetica, Sans-Serif;
}


select
{
    font-family: Arial, Helvetica, Sans-serif;
}

div.BOOKMARKTHIS
{
	font-size: smaller;
	text-align: center;
}

div.BOOKMARKRIGHT
{
	font-size: smaller;
	text-align: right;
	margin-right: 3em;
}

div.SEMINARTEASE
{
	text-align: center;
	font-size: 9pt;
	font-family: "Arial", "Helvetica", "Sans-serif";
	font-weight: bold;
	color: Red;
}

div.SEMINARTEASE A:link
{
}


table.BPPSCHOICE
{
    border: solid black 1px;
    padding: 2px;
    text-align: left;
    border-collapse: collapse;
}

table.BPPSCHOICE TD
{
	padding: 2px;
	border: solid black 1px;
}

table.BPPSCHOICE THEAD
{
	font-weight: bold;
}

table.BPPSCHOICE .CODE
{
	font-size: smaller;
}

P.FOOTNOTE
{
	font-size: smaller;
}

/* The Marquee on the home page */
#rhsmarquee
{
    margin-top: 1em;
    border-left: solid thin gray;
    border-top: solid thin gray;
    font-size: 8pt;
    font-family: Arial, Helvetica, Sans-Serif;
    padding: 0px 5px 0px 5px;
	width: 130px; /* 140 - 2 * 5 */
}


/* class_software - table of Product with pricing information */
table.ProductTable
{
    border: solid thin black;
    border-collapse: collapse;
    background-color: White;
    font-size: 8pt;
}

table.ProductTable thead
{
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
}

table.ProductTable td
{
    border: solid thin gray;
    padding: 0.25em;
    margin: 0px;
}

table.ProductTable td.Description
{
}

table.ProductTable tbody td.License
{
    text-align: center;
    vertical-align: middle;
    color: Blue;
    padding: 0px;
}

/* class_software Table of products without pricing information */
table.ProductOnly
{
    border: solid thin black;
    border-collapse: collapse;
}


table.ProductOnly td
{
    padding: 1em;
    border: thin solid black;
    border-collapse: collapse;
}

table.ProductOnly tr
{
    background-color: #EEEEFF;
}



/* Front Page Buttons */
/* This imageless css button was generated by CSSButtonGenerator.com */
a.infoButton {
  width: 150px;
  margin: 20px;
  text-align: center;
  
  -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
  background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
  background-color:#79bbff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #84bbf3;
  display:inline-block;
  color:#ffffff;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:1px 1px 0px #528ecc;
}

a.infoButton:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
  background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
  background-color:#378de5;
}

a.infoButton:active {
  position:relative;
  top:1px;
}
  
/* e.g. Front Page Button Group */  
div.infoButtons {
      text-align: center;
}

/* Table cell containing infoButton */  
td.infoButton 
{
    vertical-align: top; 
}



/* Pricelists */
table.pricelist
{
    border-collapse: collapse;
    margin-bottom: 24pt;
}

table.pricelist thead
{
    border: 1px solid navy;
}

table.pricelist thead td
{
    text-align: center;
    background-color: #D8EAF4;
}

table.pricelist tbody td
{
    border: 1px solid navy;
    padding-left: 0.5em;
    padding-right: 0.5em;
} 

table.pricelist THEAD
{
    font-weight: bold;
}


TABLE.pricelist span.product
{
    font-weight: bold;
}

TABLE.pricelist tr.odd
{
}

TABLE.pricelist tr.even
{
    background-color: #D8EAF4;
}

table.pricelist td.price
{
    text-align: right;
}





/* Stuff that is irrelevant for a printed version */
@media print 
{
    body
    {
        font-family: Times New Roman, Times New Roman, Serif;
    }
    
    h1,h2,h3,h4,h5
    {
        font-family: Arial, Helvetica, Sans-Serif;
    }
    
    nav, 
    #lhs,
    #rhs, 
    .TOPFADE1, 
    .TOPFADE2, 
    #topright, 
    #topnav2, 
    .BOOKMARKTHIS
    {
        display: none;
    }
    
    /* Front page */
    .social
    {
        display: none; 
    }
    
    .TOPFADE3
    {
        color: Black;
        font-size: 18pt;
        width: 100%;
        font-weight: bold;
    }
    
    .TOPFADE4
    {
        color: Black;
        font-size: 10pt;
        font-weight: normal;
    }
    
    
    #headerbackground
    {
        background-color: #333333;
        background-image: none;
        padding-top: 1em;
        padding-bottom: 1em;
        border-bottom: dashed thin black;
        height: auto;
    }
    
    #binwrapper
    {
        width: 100%;
        border: none;
    }
    
    a
    {
        text-decoration: none;
        color: Black;
    }
    
    header,
    #binmain
    {
        width: 100%;
    }
    
    
    table.pricelist td.buy
    {
        display: none;
    }
    
    
    /* Anything inappropriate to viewing on paper - e.g. "click on the button to your left" */
    .screen
    {
        display: none;
    }
    
}