html {
    overflow: -moz-scrollbars-vertical; /* show vertical scrollbar in FF at all times */
}
body {
    background: #366070;
    font-family: "Trebuchet MS", helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 85%;
}

body.staff {
    background: #f6f6f6 url(/img/layout/silver_bg.jpg) top repeat-x fixed;
}

/************************ Layout ****************************/
#pagewrap {
    background: #4B7036 url(/img/layout/masthead.jpg) no-repeat center top;    
    margin: 0 auto;
    max-width: 1022px;
    border: 1px solid #333;
}

#pagehead { 
height: 155px;
}

#pagehead,
#pagebody,
#pagefoot {
    width: 740px;
    margin: 0 auto;
}

#pagebody {
    background: url(/img/layout/content_middle.jpg) center repeat-y;
}

#innerfoot {
    text-align: center;
    padding: 10px 0;
}

#innerfoot p {
    width: 600px;
    margin: .35em auto 0;
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
    color: #333;
    border-top: 1px solid #333;
}

#pagefoot {
    text-align: center;
    background: #4a7035;
    padding: .25em 0 3em;
    font-size: 80%;
    color: white;
}

#pagefoot p {
    display: inline;
}

#logotext {
    float: left;
    margin: 26px 0 0 22px;
}

#content {
    margin: 1em 0 0;
    background: url(/img/layout/bottom.jpg) center bottom no-repeat;
}

/************************** Navigation **************************/
div#navigation {
    height: 24px; 
    margin: 0 auto;
    width: 724px;
    background: #F4BB23 url(/img/layout/nav/nav_bg.jpg) top repeat-x;
}

div#navigation ul,
div#navigation li {
    float: left;
    margin: 0;
    padding: 0;
}

div#navigation li {
    margin-right: 10px;
    position: relative;
}
body.staff div#navigation li {
    margin-right: 5px;
}
div#navigation li,
div#navigation a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 23px;
}

div#navigation a {
    display: block;
    width: 100%;
    border: none;
    width: 0;
    height: 0;
    padding: 0 0 23px 92px; /* adjust each one to match the image size */
    overflow: hidden;
}

div#navigation li#navHome {
    background-image: url(/img/layout/nav/home_over.jpg);
    width: 92px;
    margin-left: 2px;
}

div#navigation li#navHome a {
    background-image: url(/img/layout/nav/home.jpg);
}

div#navigation li#navHome a:hover {
    background-image: none;
}

div#navigation li#navStaff {
    background-image: url(/img/layout/nav/staff_over.jpg);
    width: 92px;
}

div#navigation li#navStaff a {
    background-image: url(/img/layout/nav/staff.jpg);
}

div#navigation li#navStaff a:hover {
    background-image: none;
}


div#navigation li#navAbout {
    background-image: url(/img/layout/nav/about_us_over.jpg);
    width: 92px;
}

div#navigation li#navAbout a {
    background-image: url(/img/layout/nav/about_us.jpg);
}

div#navigation li#navAbout a:hover {
    background-image: none;
}

div#navigation li#navProducts {
    background-image: url(/img/layout/nav/our_products_over.jpg);
    width: 114px;
}

div#navigation li#navProducts a {
    background-image: url(/img/layout/nav/our_products.jpg);
    padding-left: 114px;
}

div#navigation li#navProducts a:hover {
    background-image: none;
}

div#navigation li#navMembers {
    background-image: url(/img/layout/nav/customer_account_over.jpg);
    width: 148px;
}

div#navigation li#navMembers a {
    background-image: url(/img/layout/nav/customer_account.jpg);
    padding-left: 148px;
}

div#navigation li#navMembers a:hover {
    background-image: none;
}

div#navigation li#navCertifications {
    background-image: url(/img/layout/nav/certifications_over.jpg);
    width: 114px;
}
/*
div#navigation li#navCertifications a {
    background-image: url(/img/layout/nav/certifications.jpg);
    padding-left: 114px;
}

div#navigation li#navCertifications a:hover {
    background-image: none;
}
*/

div#navigation li#navCommunity {
    background-image: url(/img/layout/nav/community_over.jpg);
    width: 114px;
}

div#navigation li#navCommunity a {
    background-image: url(/img/layout/nav/community.jpg);
    padding-left: 114px;
}

div#navigation li#navContact {
    background-image: url(/img/layout/nav/contact_us_over.jpg);
    width: 96px;
    margin-right: 0;
}

div#navigation li#navContact a {
    background-image: url(/img/layout/nav/contact_us.jpg);
    padding-left: 96px;
}

div#navigation li#navContact a:hover {
    background-image: none;
}

/* staff buttons */
div#navigation li#navManageProducts {
    background-image: url(/img/layout/nav/manage_products_over.jpg);
    width: 136px;
    margin-right: 0;
}
div#navigation li#navManageProducts a {
    background-image: url(/img/layout/nav/manage_products.jpg);
    padding-left: 136px;
}

div#navigation li#navManageProducts a:hover {
    background-image: none;
}

div#navigation li#navSearchOrders {
    background-image: url(/img/layout/nav/search_orders_over.jpg);
    width: 114px;
    margin-right: 0;
}
div#navigation li#navSearchOrders a {
    background-image: url(/img/layout/nav/search_orders.jpg);
    padding-left: 114px;
}

div#navigation li#navSearchOrders a:hover {
    background-image: none;
}

div#navigation li#navSearchCustomers {
    background-image: url(/img/layout/nav/search_customers_over.jpg);
    width: 148px;
    margin-right: 0;
}
div#navigation li#navSearchCustomers a {
    background-image: url(/img/layout/nav/search_customers.jpg);
    padding-left: 148px;
}

div#navigation li#navSearchCustomers a:hover {
    background-image: none;
}

div#navigation li#navManageStaff {
    background-image: url(/img/layout/nav/manage_staff_over.jpg);
    width: 107px;
    margin-right: 0;
}
div#navigation li#navManageStaff a {
    background-image: url(/img/layout/nav/manage_staff.jpg);
    padding-left: 107px;
}

div#navigation li#navManageStaff a:hover {
    background-image: none;
}








/**** Submenus -- dropdown menus activated on :hover of main nav links ****/
div#navigation li ul {
    position: absolute; z-index: 999;
    background: #369;
    background-image: none;
    width: 15em;
    top: 1.45em;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    padding: 0 !important;
    border: 2px solid #E0A60C;
}
div#navigation li ul.submenu a {
padding: 2px 1em !important;
}
div#navigation li:hover ul {
left: 0;
}
div#navigation li ul li,
div#navigation li ul a {
background-image: none !important;
height: 1em;
width: auto;
float: none;
text-align: left;
font-size: 90%;
margin: 0;
padding: 0;
color: white;
font-weight: bold;
}
html>body div#navigation li ul.submenu li,
html>body div#navigation li ul.submenu a {
    height: auto;
}
div#navigation li ul.submenu a {
display: block;
/*padding: 3px 10px 5px 18px;*/
margin-left: 0;
}
div#navigation li ul.submenu a:hover {
background: #A7B6BF;
}



/********** subnav is the horizontal band immediately below the main nav *********/
#subnav {
    width: 724px;
    margin: 0 auto 0 8px;
    background: #E8EDF5;
    font-size: .80em;
    clear: left;
    height: 1.7em;
}

#subnav p,
#subnav ul,
#subnav li {
    margin: 0;
    padding: 0;
}

#youarehere {
    margin-left: 28px;
    margin-top: 1px;
    float: left;
    width: 55%;
}

#youarehere p,
#youarehere a { float: left; }

#youarehere p { margin-right: 5px; }

#youarehere li {
    list-style: none;
    float: left;
    padding-left: 20px;
    background: url(/img/layout/youarehere_arrow.gif) 8px 4px no-repeat;
}

#youarehere li.first {
    background: transparent;
    padding-left: 0;
}

#memberwelcome {
    float: right;
    margin-right: 28px;
    margin-top: 1px;
}

#memberwelcome a {
    margin-left: .8em;
}

/****************  General Rules ******************/
/* Accessibility features, mainly headings */
.structural {
    position: absolute;
    left: -9999em;
}

/* for non-css browsers */
hr { display: none; }

/* Most content goes into content blocks */
.content-block {
    margin: 0 2em;
    background: white;
}

.clearing {
clear: both;
}

.emph {
font-weight: bold;
}

p.polite-negative {
color: #999;
font-style: italic;
text-align: center;
}


ul.horizontal {
display: block;
clear: both;
margin-top: 1.5em;
text-align: center;
}

ul.horizontal li {
list-style: none;
background: transparent;
padding: 0 .5em;
display: inline;
}


.centered {
text-align: center;
}
.small {
font-size: 85%;
}
.printonly {
display: none;
}
a.actions:hover {
border: none !important;
}





/******   Regular tags *****/
p {
    margin: 0 .2em 1em;
}

a {
    color: #2050ff;
    text-decoration: none;
}
a:hover {
    border-bottom: 1px dashed green;
}

a img { border: none; }


h1 {
    text-align: center;
    font-size: 140%;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
}

h2 {
margin-bottom: .2em;
border-bottom: 1px solid #C6B8E8;
}

h3 {
margin-bottom: .2em;
border-bottom: 1px solid #C6B8E8;
margin-top: 1em;
padding-top: 0;
}

ul {
    margin: 0 0 1em;
    padding: 0;
}

ul li {
    list-style: none;
    padding-left: 40px;
    background: url(/img/layout/lil_blue_ball.gif) 25px 5px no-repeat;
}


table {
 width: 95%;
 margin: 1em auto;
 font-size: 90%;
 border: 1px solid #ddd;
}

th {
font-weight: bold;
border-bottom: 2px solid #863314;
}
tr.dark td {
background-color: #E7EFE0;
}
td {
text-align: center;
}
td.text {
text-align: left;
}
td p {
margin: 0;
}
tr:hover td {
    background: #ffa;
}
table.keyvaluepairs th {
    border: none;
}

span.error {
    color: red;
}

/********** Homepage **********/
body.home h1 {
    margin-bottom: 0;
}

/* this is for the homepage subheading */
#subheading {
    margin: 0 10px 1.5em;
    font-style: italic;
    text-align: center;
}

body.home #centralimgwrap {
    float: left;
    margin-left: 60px;
    margin-right: 1em;
}


body.home #centralimgwrap p {
    margin: 0;
    font-size: 85%;
    font-style: italic;
    text-align: center;
}

body.home div.content-block {
    margin-left: 361px; /* width of centralimg + margin */
}

div.content-block {
margin: 0 40px;
}


/************* Login **************/
body.login {
text-align: center;
}


div.info-message {
    text-align: center;
    margin: .5em auto;
    padding: 5px 1em;
    border: 1px solid #F4BB23;
    background: #ffa;
width: 80%;
}
div.info-message p {
margin: 0;
}


/********** form elements *********/
form {
    margin: .5em auto 1.5em;
    text-align: center;
    border: none;
    width: 90%;
}

fieldset {
    text-align: left;
    border: 1px solid #ddd;
    margin-bottom: 1em;
    padding-bottom: .5em;
}

legend {
    font-size: 1.1em;
    font-weight: bold;
    color: #DC8816;
}

form div {
    clear: both;
    padding-top: .3em;
}

form div div {
    padding-top: .2em;
}

div input,
div select {
    display: block;
    margin-left: 10em;
}
div td input,
div td select {
margin: 0;
}

div.checkbox input {
    display: inline;
    margin-right: 1em;
    float: left;
}
div.checkbox label {
    float: left;
    display: inline;
    font-style: italic;
    color: #444;
    font-size: 80%;
}

div.radiogroup input {
    margin-left: 1em;
}

textarea {
    width: 96%;
    height: 10em;
    margin: 0 auto;
    display: block;
    clear: left;
    float: none;
}

textarea.short {
height: 3em;
}

div.error {
    border: 1px solid red;
    background: #FFCFCF;
padding: 3px;
text-align:center;
}

div.error p {
    margin: .2em 1em;
    text-align: center;
}

fieldset label {
    margin-left: 1em;
    float: left;
}

.required {
    padding-right: 8px;
    background: url(/img/layout/tiny_star.gif) top right no-repeat;
    font-weight: bold;
}

.button {
    float: none;
    display: block;
    margin: .5em auto;
    width: 12em;
    border: none;
    height: 24px;
    background: transparent url(/img/layout/button_bg.png) left top repeat-x;
    font-family: "Trebuchet MS", helvetica, sans-serif;
    font-weight: bold;
    font-size: inherit;
}

.button:hover {
    color: white;
    border: none;
}

a.button {
    text-align: center;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    line-height: 24px;
}

input.smallnum,
input.phone {
    width: 8em;
}
input.qty {
    width: 3em;
}

div.radiogroup {
    clear: right;
    margin-left: 15em;
}

div.checkboxgroup input,
div.radiogroup input {
    float: left;
    width: 2em;
    padding: 0; margin: 0;
}

div.radiogroup label {
    width: 8em;
    margin-right: 2em;
    float: left;
    font-weight: normal;
}

div.checkboxgroup {
    margin-left: 4em;
}

div.checkboxgroup div.checkboxitem {
    clear: left;
    display: block;
}

div.checkboxitem label {
    float: left;
    margin-right: 1em;
    font-weight: normal;
}

div.checkboxitem label {
    padding-top: 2px;
}


ul#categorylist li {
    list-style: none;
    padding: 0;
    width: 33%;
    float: left;
    text-align: center;
    background: none;
    height: 100px;
}
ul#categorylist li img {
    display: block;
    margin: 0 auto;
}

body.staff ul#categorylist li {
height: 150px;
}




body.products dl {
float: left;
width: 380px;
}


body.products dt {
    float: left;
    clear: both;
    width: 6em;
    font-weight: bold;
}

body.products dd {
    margin-left: 6em;
}

div.productimage {
margin: 3px 1.5em 3px 0;
float: left;
}
div.productimage a:hover,
div.productimage a:hover img {
border: none;
}

tr.unavailable td {
color: #666;
font-style: italic;
}

div.sideblock {
float: right;
width: 180px;
margin: 0 2em;
text-align: center;
}
div.sideblock h3 {
margin:  0 0 0.5em;
}

/* BEGIN MATT RABE'S CSS: */

small {
 font-size: .8em;
}

div.noteslist {
 float: right;
 width: 140px;
 padding: 5px;
 border: solid 1px #DDDDDD;
 text-align: center;
}

div.noteslist a {
 padding-bottom: 5px;
 display: list-item;
 list-style: none;
}

div.notepad {
 background-image: url(/img/layout/notebg.png);
 background-repeat: no-repeat;
 width: 475px;
 height: 385px;
 position: absolute;
 bottom: 15px;
 right: 15px;
 padding: 0px 0px 0px 0px;
 margin: 0;
 text-align: left;
}

div.notepad div.subject {
 width: 85%;
}

div.notepad div.input {
 width: auto;
 text-align: left;
}

div.notepad form input.subject {
 width: 200px;
 height: 12px;
 font-size: 10px;
 text-align: left;
}

div.notepad textarea.body {
 background-color: transparent;
 width: 95%;
 height: 185px;
 border: 0;
}

div.notepad a.close {
 float: right;
 position: relative;
 right: 30px;
 bottom: 42px;
}

div.notepad form {
 text-align: left;
}

div.notepad form fieldset, div.notepad div.view {
 border: 0;
 background-image: url(/img/layout/notepaper.jpg);
 background-repeat: no-repeat;
 padding: 0px 7px 0px 7px;
 margin: 0px;
}

div.notepad form fieldset {
 background-position: 10px -40px;
}

div.notepad div.view {
 height: 285px;
 background-position: 10px 20px;
}

div.searchpageselector {
 text-align: center;
}

div.searchpageselector a {
 font-weight: bold;
 color: #333333;
}

div.searchpageselector a.arrow {
 text-decoration: none;
}

div.searchpageselector a.current {
 color: #0000FF;
 text-decoration: none;
}

div.searchpageselector a:hover {
 color: #000000;
 text-decoration: underline;
}



/* CMS Widgets */
/* CMS action links */
/* span.gap is mainly for use with the reorder links, 
   to make sure they line up correctly  */
a.helplink, a.addlink, a.editlink,
a.viewlink, a.viewlink2, a.deletelink, a.closelink,
a.maillink, a.printlink, a.reorder-up,
a.reorder-down, a.exportlink, a.resumelink,
a.stoplink, a.pauselink, a.playlink,
a.fforwardlink, a.rewindlink, a.uplink,
a.removelink, span.gap {
    display: block;
    height: 0; width: 0;
    padding: 16px 16px 0 0;
    margin-right: 2px;
    overflow: hidden;
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
}
a.helplink:hover, a.addlink:hover, a.editlink:hover, a.viewlink:hover, a.viewlink2:hover, a.deletelink:hover, a.closelink:hover, a.maillink:hover, a.printlink:hover, a.reorder-up:hover, a.reorder-down:hover, a.exportlink:hover, a.resumelink:hover, a.stoplink:hover, a.pauselink:hover, a.playlink:hover, a.fforwardlink:hover, a.rewindlink:hover, a.uplink:hover, a.removelink:hover { border: none; }

a.helplink {
    float: right;
    background: url(/img/icons/help.gif);
}
a.addlink { background: url(/img/icons/add_file.gif); }
a.editlink { background: url(/img/icons/edit.gif); }
a.viewlink { background: url(/img/icons/folder_open.gif); }
a.viewlink2 { background: url(/img/icons/folder_open_blue.gif); }
a.deletelink {    background: url(/img/icons/delete_file.gif); }
a.maillink {
    background: url(/img/icons/email.gif);
    margin: 0 .3em;
}
a.printlink {
    background: url(/img/icons/printer.gif);
    margin: 0 .3em;
}
a.reorder-up {    background: url(/img/icons/arrow_up.gif); }
a.reorder-down {     background: url(/img/icons/arrow_down.gif); }
a.exportlink {
    background: url(/img/icons/export.gif);
    padding-right: 19px;
}
a.resumelink { background: url(/img/icons/move_file.gif); }
a.stoplink { background: url(/img/icons/stop.gif); }
a.pauselink { background: url(/img/icons/pause.gif); }
a.playlink { background: url(/img/icons/play.gif); }
a.fforwardlink { background: url(/img/icons/fforward.gif); }
a.rewindlink { background: url(/img/icons/rewind.gif); }
a.uplink { background: url(/img/icons/up.gif); }
a.closelink { background: url(/img/icons/close.gif); }
a.removelink { background: url(/img/icons/trash.gif); }

a.pdf {
    padding-left: 24px;
    background: url(/img/icons/pdf.gif) left no-repeat;
}

a.sortheader {
    color: black;
    border: none;
    white-space: nowrap;
}
a.sortheader img {
    margin: 0 0 0 2px;
}

p.editProductLink {
    font-size: 80%;
    float: right;
}

.onsale {
    color: #F7223E;
    font-weight: bold;
}
.productlist .onsale {
    font-style: italic;
}
.percentoff {
    font-size: 80%;
    font-style: italic;
    color: #666;
}

form#itemorder {
    display: table;
    width: auto;
}


form#itemorder div label {
font-weight: bold;
}
form#itemorder div input,
form#itemorder div select {
margin-left: 7em;
}
form#itemorder #addtoorder {
clear: left;
}

div.editProductImage p {
float: left;
margin-left: 1em;
width: 9em;
}
div.editProductImage img#productImage {
float: left;
display: block;
}
div.editProductImage a img {
margin-left: 1em;
}


textarea#itemBriefComment,
textarea.notAvailableNote {
height: 5em;
clear: none;
width: 20em;
margin-left: 10.2em;
}
div.hidden {
display: none;
}


div#productpackage-new {

}

#addnewpkgbtn {
display: block;
margin-left: 1em;
}


input.qty {
text-align: center;
margin: 0 auto;
}

div.smallbuttons,
div.buttons {
text-align: center;
margin: .1em auto;
display: table;
}
div.smallbuttons a.button,
div.smallbuttons input.button {
font-size: 75%;
float: left;
margin: 0 1em;
}
div.buttons a.button,
div.buttons input.button {
float: left;
margin: 0 1em;
font-weight: bold;
}



#ordercomments {
margin-left: 0;
margin-bottom: 2em;
}


body.staff div.maincolumn {
float: left;
width: 500px;
}


tr.totals td {
text-align: right;
font-weight: bold;
}
td.total {
padding-left: .5em;
}


a.mailto {
border: none;
}


/***************************** New Stuff *******************************/
#cartItems td.productName {
padding-left: .5em;
}

#cartItems thead th {
background: #dfe0e6 url(/img/layout/thead_bg.gif) left bottom repeat-x;
border: 1px solid #ccc;
border-width: 0 1px 0 0;
}
#cartItems tbody td {
border: 1px solid #ccc;
border-width: 0 1px 0 0;
}
#cartItems th.noprint,
#cartItems td.noprint {
border: none;
width: 1em;
padding: 0 3px;
}
#cartItems tfoot td,
#cartItems tfoot td:hover {
background: #dfe0e6 url(/img/layout/tfoot_bg.gif) 0 0 repeat-x;
padding: 8px 4px 4px;
}
#cartItems tfoot td.nobuttons {
padding: 1px 0 0;
}

button {
border: 1px solid #50768F;
padding: 1px;
background: #63869F url(/img/layout/blue_btn_bg.gif) 0 50% repeat-x;
color: white;
font-weight: bold;
padding: 0 .25em;
overflow: visible;
font-family: "Trebuchet MS", helvetica, sans-serif;
}
button:hover {
border-color: #fc3;
}


.button3,
#confirmOrder {
    display: block;
    width: 90%;
    margin: .5em auto;
    color: #000;    
    border: none;
    height: 24px;
    background: transparent url(/img/layout/button_bg.png) left top repeat-x;
    font-family: "Trebuchet MS", helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}


.button3:hover,
#confirmOrder:hover {
    color: white;
    border: none;
}




button#continueShopping {
float: left;
}
button#updateCart {
float: right;
}

/************************** bottom boxes *****************/
div.checkout {
width: 30%;
border: 1px solid #ccc;
background: #dfe0e6;
}
div.checkout button {
font-size: 75%;
margin: 2px 1px;
}

div.checkout table {
border: none;
margin: 0;
}
div.checkout th, div.checkout td {
border: none;
text-align: right;
}
div.checkout tr:hover th,
div.checkout tr:hover td{
background: transparent;
}
div.checkout p.surchargeExplanation {
font-style: italic;
text-align: right;
width: 95%;
margin: 0;
}

div.subtotals {
float: right;
margin-right: 1.2em;
}
div.subtotals a.button {
font-size: 1.3em;
width: 90%;

}

div.tools {
margin-left: auto;
margin-right: auto;
clear: none;
}
div.tools li {
background-image: none;
padding: 0;
margin-bottom: .25em;
}
div.tools ul {
margin: 0;
}

div.coupon {
float: left;
margin-left: 1.2em;
clear: none;
background: white url(/img/layout/subtle_gradient.png) 0 0 repeat-x;
font-size: 90%;
}
div.coupon h4, div.coupon p {
margin: 0 auto;
display: block;
width: 80%;
}
div.coupon input {
width: 80%;
margin: 2px auto;
border: 1px solid #ccc;
}

div.grandTotal {
width: 95%;
margin: 0 auto;
}
div.grandTotal td {
width: 6em;
}

tr.grandTotal th,
tr.grandTotal td {
font-size: 1.2em;
}

div#finalconfirm {
background: transparent;
border: none;
text-align: center;
margin: .5em auto;
}
div#finalconfirm a.button {
float: none;
margin: .5em auto;
}

div.savetemplate {
width: 16em;
margin: .5em auto;
}


table.attributive {
width: auto;
}
table.attributive th {
border: none;
text-align: right;
padding: 0 .25em 0 1em;
background: #DFE0E6;
}
table.attributive td {
text-align: left;
padding: 0 1em 0 .25em;
}



ul.linkCatList li.category {
background: none;
padding: 0;
}
ul.linkCatList li h2 {
font-size: 1.2em;
}
body.staff ul.linkCatList a.link {
margin-left: .5em;
}

body.staff ul.linkCatList li p {
margin-left: 72px;
}
body.staff ul.linkCatList ul li p {
margin-left: 80px
}

div#newsletter-link a {
    display: block;
    padding: 60px 0 0 245px;
    width: 0;
    height: 0;
    overflow: hidden;
    background: url(/img/layout/newsletter_button.png) 0 0 no-repeat;
    text-indent: -9999em;
    margin: .5em auto;
    border: none;
}

/* Printable List  */
#printableList h2,
#printableList div.notes {
margin: 0 20px;
}
#printableList div.notes p {
margin-bottom: 5px;
}
#printableList table {
margin-top: 5px;
}

#printableList td.raw,
#printableList td.og  {
font-variant: small-caps;
}

div.pagination {
text-align: center;
}
div.pagination span.dimmed {
font-size: 120%;
margin: 0 6px;
}
div.pagination a {
margin: 0 6px;
}