/*****************************************************************************
 * $Id:$
 * Global Stylesheet
 *
 * Author: Jim Ing
 *
 * Notes:
 *
 * 1. To allow users to change the text size in their browser,
 *    the following font size mapping is used:
 *
 *       70% = xx-small
 *       84% = x-small
 *      100% = small
 *      120% = medium
 *      150% = large
 *      200% = x-large
 *      300% = xx-large
 *
 * 2. Browser-safe fonts:
 *
 *    +--------------------+------------+--------------------------+--------+
 *    | Font Name          | Windows OS | Microsoft Core Web Fonts | Mac OS |
 *    +--------------------+------------+--------------------------+--------+
 *    | Sans serif:        |            |                          |        |
 *    |   Arial            |      x     |             x            |    x   |
 *    |   Verdana          |      x     |             x            |    x   |
 *    |   Tahoma           |      x     |             -            |    -   |
 *    | Sans serif (bold): |            |                          |        |
 *    |   Arial Black      |      x     |             x            |    x   |
 *    |   Impact           |      x     |             x            |    x   |
 *    | Serif:             |            |                          |        |
 *    |   Times New Roman  |      x     |             x            |    x   |
 *    |   Georgia          |      x     |             x            |    x   |
 *    | Monospace:         |            |                          |        |
 *    |   Andale Mono      |      -     |             x            |    x   |
 *    |   Courier New      |      x     |             x            |    x   |
 *    | Cursive:           |            |                          |        |
 *    |   Comic Sans MS    |      x     |             x            |    x   |
 *    +--------------------+------------+--------------------------+--------+
 *    Core Web Fonts available from: http://corefonts.sourceforge.net/
 *
 ****************************************************************************/

/**
 * Globals
 */

body { margin: 0px; padding: 0px; }
p, span, td { font: normal 10pt Arial, Verdana, "Times New Roman", Georgia; }
bold, strong { font: bold 10pt Arial, Verdana, "Times New Roman", Georgia; }
input, select, textarea { font: normal 10pt Arial, Verdana, "Times New Roman", Georgia, "Courier New"; }
/* select { font: normal 12px "Courier New", Arial, Verdana; } */

h1 { font: bold 200% Arial, Verdana, "Times New Roman", Georgia; color: #8A8D01; }
h2 { font: bold 150% Arial, Verdana, "Times New Roman", Georgia; color: #8A8D01; }
h3 { font: bold 120% Arial, Verdana, "Times New Roman", Georgia; color: #8A8D01; }

.special { font: bold 150% Arial, Verdana, "Times New Roman", Georgia; color: #FF0000; }
.subspecial { font: bold 130% Arial, Verdana, "Times New Roman", Georgia; color: #000000; }
.itemspecial { font: normal 100% Arial, Verdana, "Times New Roman", Georgia; color: #000000; }
.price { font: bold 100% Arial, Verdana, "Times New Roman", Georgia; color: red; }

/**
 *
 */

a.normal { text-decoration: underline; }
a.normal:hover { text-decoration: none; background-color: #FFFF00; color: #FF0000; }

.printer { font: normal 11px Arial, Verdana, "Times New Roman", Georgia; color: #000000; }
a.printer { text-decoration: underline; }
a.printer:hover { text-decoration: none; background-color: #FFFF00; color: #FF0000; }

.adbutton img { border: 1px solid #FFFFFF; }
.adbutton:hover img { border: 1px solid #FFFF00; }
.adbutton:hover { color: red; /* dummy definition to overcome bug in IE */ }

/**
 * Buttons
 */

.btn_sel_off { background-color: #ECE9D8; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #ACA899; border-right: 2px solid #ACA899; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #2F2D38; }
.btn_sel_on { background-color: #2F2D38; border-top: 2px solid #7E7A94; border-left: 2px solid #7E7A94; border-bottom: 2px solid #030303; border-right: 2px solid #030303; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }

.btn_sel_add_off { background: transparent url( "../images/icons/arrow_tri_right_black.gif" ) right center no-repeat; background-color: #ECE9D8; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #ACA899; border-right: 2px solid #ACA899; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #2F2D38; }
.btn_sel_add_on { background: transparent url( "../images/icons/arrow_tri_right_white.gif" ) right center no-repeat; background-color: #2F2D38; border-top: 2px solid #7E7A94; border-left: 2px solid #7E7A94; border-bottom: 2px solid #030303; border-right: 2px solid #030303; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }

.btn_sel_del_off { background: transparent url( "../images/icons/arrow_tri_left_black.gif" ) left center no-repeat; background-color: #ECE9D8; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #ACA899; border-right: 2px solid #ACA899; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #2F2D38; }
.btn_sel_del_on { background: transparent url( "../images/icons/arrow_tri_left_white.gif" ) left center no-repeat; background-color: #2F2D38; border-top: 2px solid #7E7A94; border-left: 2px solid #7E7A94; border-bottom: 2px solid #030303; border-right: 2px solid #030303; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }

.btn_off { background-color: #5C9197; border-top: 2px solid #B1CCCF; border-left: 2px solid #B1CCCF; border-bottom: 2px solid #263E40; border-right: 2px solid #263E40; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }
.btn_on { background-color: #2F2D38; border-top: 2px solid #7E7A94; border-left: 2px solid #7E7A94; border-bottom: 2px solid #030303; border-right: 2px solid #030303; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }

.lg_btn_off { background-color: #5C9197; border-top: 3px solid #B1CCCF; border-left: 3px solid #B1CCCF; border-bottom: 3px solid #263E40; border-right: 3px solid #263E40; font: bold 14pt Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }
.lg_btn_on { background-color: #2F2D38; border-top: 3px solid #7E7A94; border-left: 3px solid #7E7A94; border-bottom: 3px solid #030303; border-right: 3px solid #030303; font: bold 14pt Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }

/**
 *
 */

.nav { background-color: "#DDDDE8"; }
.sidebar { font: normal 8pt Arial, Verdana, "Times New Roman", Georgia; }
.quotes { font: italic normal 8pt Arial, Verdana, "Times New Roman", Georgia; }

.scripterror { background-color: #FFEAEA; border: double; border-color: #E10000; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #E10000; }
.naverror { background-color: #FFFFFF; border: double; border-color: #E10000; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #E10000; }
.navinfo { background-color: #E1FFE1; border: double; border-color: #002B00; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #002B00; }
.pageerror { background-color: #FFFFFF; border: double; border-color: #E10000; font: bold 10pt Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #E10000; }
.pageinfo { background-color: #E1FFE1; border: double; border-color: #002B00; font: bold 10pt Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #002B00; }
.missingerror { background-color: #FFE6CE; font: bold 10pt Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #E10000; }

.close { background-color: #EDEAD7; font: normal 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #000000; }

.debug { font: normal 10pt Tahoma, "Courier New", Arial, Verdana; }

.coupon { border: 1px dashed #000000; }
.certification { color: #000000; font: 11px Arial, Verdana, "Times New Roman", Georgia; }
.sidenav { color: #000000; font: 11px Arial, Verdana, "Times New Roman", Georgia; margin-left: 0; padding-left: 2em; }

/**
 * Loading
 */

#loader { width: 300px; margin-left: auto; margin-right: auto; }
#loader td { padding: 3px; background: #FFFFFF; font: normal 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #000000; background-color: #F6F6F6; }
#loader p { border: 3px solid #6E89DD; padding: 10px; margin: 0; background: #EEF0FC; }
#loader img { float: left; margin-right: 12px; }
#loader strong { display: block; margin-bottom: 3px; }

#loaderContainer { position: absolute; width: 100%;  height: 100%; top: 0; left: 0; height: expression( document.documentElement.clientHeight + 'px' ); }
#loaderContainer td { padding-top: expression( ( document.body.clientHeight / 8 ) + 'px' ); vertical-align: top; text-align: center; }
#loaderContainer td td { padding-top: 3px; text-align: left; }

/**
 * Rounded Corners
 */

.rbroundbox { background: url( "../images/corners/corner_background.gif" ) repeat; }
.rbtop div { background: url( "../images/corners/corner_top_left.gif" ) no-repeat top left; }
.rbtop { background: url( "../images/corners/corner_top_right.gif" ) no-repeat top right; }
.rbbot div { background: url( "../images/corners/corner_bottom_left.gif" ) no-repeat bottom left; }
.rbbot { background: url( "../images/corners/corner_bottom_right.gif" ) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot { width: auto; height: 19px; font-size: 1px; }
.rbcontent  { margin: 0 19px; }
.rbroundbox { width: auto; margin: auto; }

/**
 * Tables
 */

.tableHeading { background-color: #6B89B8; color: #FFFFFF; }
.tableHeading td { font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; }

/**
 * Forms
 */

.formTitle { color: #0000A0; font: bold 14pt Arial, Verdana, "Times New Roman", Georgia; }
.formLabel { font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; }
.formLabelTop { font: 8pt Arial, Verdana, "Times New Roman", Georgia; }
.formValue { font: 10pt Arial, Verdana, "Times New Roman", Georgia; }
.formBold { font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; }

.required { font: normal 10pt Tahoma, "Courier New"; color: #FF0000; }

.optional { background-color: #FFFFFF; }
.missing { background-color: #FFE6CE; }
.filled { background-color: #E1FFE1; }
.readonly { background-color: #F4F3EA; border: 1px solid #7F9DB9; }

/**
 * Top Navigation
 */

p.topnav, span.topnav, td.topnav { font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }

.topnav_btn_off { background-color: #6B89B8; border-top: 2px solid #B1C1DA; border-left: 2px solid #B1C1DA; border-bottom: 2px solid #3D577E; border-right: 2px solid #3D577E; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }
.topnav_btn_on { background-color: #2F2D38; border-top: 2px solid #7E7A94; border-left: 2px solid #7E7A94; border-bottom: 2px solid #030303; border-right: 2px solid #030303; font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; color: #FFFFFF; }

a.navlink, a.navlink:active, a.navlink:link, a.navlink:visited { text-decoration: underline; color: #FFFFFF; }
a.navlink:hover { text-decoration: none; background-color: #2F2D38; color: #FFFFFF; }

a.topnavlink, a.topnavlink:active, a.topnavlink:link, a.topnavlink:visited { text-decoration: none; color: #FFFFFF; }
a.topnavlink:hover { text-decoration: none; color: #FFFFFF; }

/**
 * Side Navigation
 */

p.sidenav, span.sidenav, td.sidenav { font: normal 12px Arial, Verdana, "Times New Roman", Georgia; }

/**
 * Login
 */

.loginForm { background: #FFFFFF; filter: alpha (opacity=90); }
.loginLabel { font: bold 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; }
.loginValue { font: normal 11px Tahoma, Arial, Verdana, "Times New Roman", Georgia; }

/**
 * What's New
 */

div.testimonials { height: 150px; overflow: auto; }
p.testimonials { font: italic normal 10pt "Times New Roman", Georgia; }

.whatsnewArea { background: #F4F4F4; color: #000000; padding: 0px; width: 175px; height: 185px; overflow: auto; }
.whatsnew { font: normal 10pt Arial, Verdana, "Times New Roman", Georgia; }

/**
 * Legal
 */

.termsArea { background: #FFFFFF; border: 1px solid; padding: 0px; overflow: auto; }
.terms { font: normal 8pt "Courier New", Tahoma, Arial, Verdana, "Times New Roman", Georgia; }

p.footer, span.footer, td.footer { font: normal 11px Arial, Verdana, "Times New Roman", Georgia; }