/** General Tag Settings, used to change the basic tags to conform to our look and feel. **/
#underConstruction {
    font:   bold 14pt monospace;
    color:  #003366;
    text-align: center;
    text-shadow: 2px 2px 8px rgba(15, 62, 91, .5);
    border: double 4px #003366;
    width: 600px;
    height: 200px;
    display:none;
}

body {
    background-color: #ECE0BF;
    padding:            0;
    margin:             0;
}

a {
    font:            bold 10pt verdana;
    color:           #054382;
    text-decoration: none;
    line-height:     10pt;
    border-bottom:   solid 1px #003366;
    cursor:          pointer;
}
a img {border: none;}
mainpagea.imgref {
    border-bottom: 0;
    cursor:        pointer;
    height: 800px;
}
a.ergoboard {
    font:            bold 8pt verdana;
    color:           #0F3E5B;
    text-decoration: none;
    border:          none;
    cursor:          default;
}
a.ergostar {
    font:            normal 10pt verdana;
    color:           #0F3E5B;
    text-decoration: none;
    border:          none;
    cursor:          default;
}
a:hover {
    color:  #FFCC33;
    cursor: pointer;
}
.smallLinks {
    font:   bold 7pt verdana;
    color:  #0F3E5B;
    cursor: pointer;
}
td {
    font:  normal 10pt verdana;
    color: #0F3E5B;
}
th {
    font:  bold 10pt verdana;
    color: #0F3E5B;
}
.pdfLink {
    font:            bold 10pt verdana;
    color:           #054382;
    cursor:          pointer;
    text-decoration: underline;
}
p {
    text-indent:   10px;
    text-align:    justify;
    padding-right: 10px
}
.table_flat {
    border-collapse: collapse;
}
form {
    margin: 0;
}
input, select, textarea, button {
    background-color: white;
}
li {
    font:  normal 10pt verdana;
    color: #0F3E5B;
    text-align: left; /*Some where the text was getting aligned center on li. Put this in to insure it goes to the left.*/
}

.liSmall {
    font:       normal 8pt verdana;
    color:      #0F3E5B;
    text-align: justify;
}
li.off {
    list-style-type: none;
}
/* overall site fieldset and legend */
fieldset {
    border: solid 1px gray;
}

fieldset > legend {
    font:   bold 12pt arial;
    color:  #0f3e5b;
}
.fieldsetCatalogHtml {
    width: 610px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: century gothic sans-serif;
}

.creditCardImg {
    padding: 0 5px 0 5px;
}

/** Font Sizes/Weights, general classes only set font information can be combined
with others to generate the desired outcome**/
.fontXXSNormal {
    font: normal 7pt verdana;
}

.fontXXSBold {
    font: bold 7pt verdana;
}

.fontXSNormal {
    font: normal 8pt verdana;
}

.fontXSBold {
    font: bold 8pt verdana;
}

.fontSmallNormal {
    font: normal 9pt verdana;
}

.fontSmallBold {
    font: bold 9pt verdana;
}

.fontNormal {
    font: normal 10pt verdana;
}

.fontBold {
    font: bold 10pt verdana;
}

.fontLargeNormal {
    font: normal 11pt verdana;
}

.fontLargeBold {
    font: bold 11pt verdana;
}

.fontXLNormal {
    font: normal 12pt verdana;
}

.fontXLBold {
    font: bold 12pt verdana;
}

.fontXXLNormal {
    font: normal 13pt verdana;
}

.fontXXLBold {
    font: bold 13pt verdana;
}

.fontXXXLNormal {
    font: normal 14pt verdana;
}

.fontXXXLBold {
    font: bold 14pt verdana;
}

/** General Color Classes for color and background-color. Can be combined with others
to generate the desired outcome.**/
.colorGold {
    color: #FFCC33;
}

.backgroundGold {
    background-color: #FFCC33;
}

.colorLightBlue {
    color: #396E8E;
}

.backgroundLightBlue {
    background-color: #396E8E;
}

.colorDarkBlue {
    color: #0F3E5B;
}

.backgroundDarkBlue {
    background-color: #0F3E5B;
}

.payAttentionToMeRed {
    color: red;
}

/**  Set Main Site Container Information. This sets the site width at 800px centered with a default
background color of white for the elements.**/
.mainPage {
    min-height: 600px !important;
}
.mainHeader, .mainPage, .mainFooter {
    width:      800px;
    margin:     0 auto;
    background: white;
}

/** HEADER **/
.mainHeader {
    height:        100px;
    position:      relative;
    border-bottom: 2px solid lightgray;
    z-index:       2;
}

#banner {
    background: url('../images/flag3.jpg');
    height:     75px;
    position:   relative;
    z-index:    2;
}

#banner.headerPlaying {
    background: transparent none;
}

#banner > * {
    position: absolute;
    height:   75px;
    padding:  0;
    margin:   0;
}

#adminBox {
    width:   110px;
    z-index: 1000;
}

#mainMessage {
    left:  110px;
    width: 440px;
}

#rightHeader {
    right:         0;
    width:         250px;
    text-align:    right;
    padding-right: 10px;
}

#rightHeader a {
    border:       none;
    margin-right: 6px;
}

#rightHeader a.custService {
    display: block;
}

#rightHeader form {
    position: relative;
    top:      10px;
}

#rightHeader form input {
    border: solid 1px lightgray;
}

#rightHeader form input[type=submit] {
    background: transparent;
    color:      rgb(15, 62, 91);
    border:     none;
}

#rightHeader form input[type=submit]:hover {
    color: #FFCC33;
}

#flashHeader {
    /* Do more stuff with me*/
    position: absolute;
    top:      0 !important;
    left:     0 !important;
}

#navBar {
    height: 25px;
}


.specialSideNote {
    padding-left: 5px;
    font-weight:  bold;
    color:        #0f3e5b;
}

/** MAIN PAGE **/
.mainPage {
    min-height: 450px;
    overflow:   hidden;
    position:   relative;
}

.mainPage.usingLeftNav > * {
    float:left;
}

/*This sets the width differently if there is a sibling leftSideBar.*/
.usingLeftNav .pageContent {
    width: 640px;
}

.homePageContainer {
    min-height: 750px;
}

.homePageContainer a {
    border: none;
}

/*Left Side Bar*/
.leftSideBar {
    width: 150px;
}

.sideBarBlocks {
    width:            150px;
    height:           20px;
    line-height:      20px !important;
    vertical-align:   middle;
    text-align:       center;
    padding:          0;
    margin:           3px 0 0;
    color:            white;
    text-transform:   uppercase;
    background-color: #396E8E;
    font:             bold 9pt verdana;

    /*Maybe*/
    border-bottom-right-radius: 10px;
}

.sideBarLinks {
    width:           150px;
    display:         block;
    text-decoration: none;
    border-bottom:   none;
    text-indent:     5px;
    color:           #0f3e5b;
    font:            normal 8pt verdana;
    margin-top:      2px;
    line-height:     12px;
}

.sideBarLinks:hover {
    cursor: pointer;
}

.sideBarLinksCatalog {
    width:           150px;
    display:         block;
    text-decoration: none;
    border-bottom:   none;
    text-indent:     5px;
    color:           #0f3e5b;
    font:            bold 8pt verdana;
    margin-top:      2px;
    cursor: pointer;
}

.sideBarLinksCatalog:hover{
    color:  #c8b24d;
}

.sideBarSpace {
    margin-top: 3px;
}

.sideBarLinks > img {
    margin-right: 5px;
}

.subSideBarBlock {
    font-size: 8pt;
    margin:    2px 10px 5px;
}

/*Page Content Section*/
.pageContent {
    padding-left:  5px;
    padding-right: 5px;
    width:         790px;
    margin:        0;
}

#mainHeader, #albumHeader {
    text-align:    center;
    font:          bold 16pt georgia;
    color:         #0F3E5B;
    margin-bottom: 20px;
}

/** FOOTER **/
.mainFooter {
    height:         35px;
    line-height:    35px;
    text-align:     center;
    border-top:     2px solid lightgray;
    vertical-align: middle;
    border-radius:  0 0 10px 10px;
}

/*Utility Classes*/
.clearRight {
    clear: right;
}

.clearLeft {
    clear: left;
}

.clearBoth {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.alignCenter {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.underline {
    text-decoration: underline;
}

.displayBlock {
    display: block;
}

.displayInline {
    display: inline;
}

a.pdfLink {
    padding-left: 12px;
    margin-left:  5px;
    background:   url('../images/pdfLogo.png') no-repeat;
    border:       none;
}

a.wordLink {
    padding-left: 12px;
    margin-left:  5px;
    background:   url('../images/btn_word.png') no-repeat;
    border:       none;
}

a.pdfLinkStandAlone {
    padding-left: 12px;
    background:   url('../images/pdf_logo.gif') no-repeat;
    border:       none;
}

a.wordLink {
    padding-left: 12px;
    margin-left:  5px;
    background:   url('../images/btn_word.png') no-repeat;
    border:       none;
}

#table_flash, #table_hot, #main_page_bottom_navigation {
    margin: 5px auto;
}

/*Main Page Bottom Nav*/
#main_page_bottom_navigation {
    width:        575px;
    padding-left: 15px;
}

.mainPageBottomNavContainer {
    width:      33%;
    float:      left;
    min-height: 160px;
    text-align: left;
}

.mainPageBottomNavContainer h2 {
    font:          bold 9pt tahoma;
    color:         #0F3E5B;
    margin-bottom: 5px;
    /*text-shadow: 2px 2px 8px rgba(15, 62, 91, .5);*/
}

.mainPageBottomNavContainer a {
    display:     block;
    font:        normal 8pt verdana;
    text-indent: 2px;
}

/*Contact Display Classes*/
.contactContainer {
    width: 100%;
    font:  normal 8pt gothic;
}

.contactContainer .departmentName {
    font:          bold 14pt georgia;
    color:         #396E8E;
    width:         100%;
    text-align:    center;
    border-bottom: 3px solid #999999;
    clear:         left;
    margin-bottom: 0;
    margin-top:    10px;
}

.contactContainer .departmentName:first-child {
    margin-top: 0;
}

.contactContainer .title {
    clear:         left;
    font:          bold 12pt georgia;
    width:         100%;
    border-bottom: solid 1px #CCCCCC;
    margin:        0;
    padding-top:   20px;
}

.contactContainer .title:first-of-type {
    padding-top: 0;
}

.contactContainer img, .contactContainer .contactInfo {
    float:         left;
    margin-left:   10px;
    margin-top:    5px;
    margin-bottom: 15px;
    font:          normal 10pt gothic;
}

.contactContainer .contactName {
    font:          bold 11pt gothic;
    margin-bottom: 4px;
}

.contactContainer a {
    border:        none;
    display:       block;
    margin-bottom: 10px;
    font:          bold 10pt gothic;
}

/* Green Policies*/
.dealersTable {
    width:   620px;
    border:  none;
    padding: 2px
}

.partners {
    font-family:  verdana sans-serif;
    font-style:   oblique;
    color:        #0F3E5B;
    font-weight:  bold;
    padding-left: 55px;
    text-align:   left;
}

.partner_table {
    width:        600px;
    table-layout: auto;
    border-width: thin;
}

.green_table_1 {
    border:           0;
    width:            600px;
    text-align:       center;
    background-color: white;
}

.green_tips {
    width: 98%;
}

.blueBox {
    height:           25px;
    background-color: #396E8E;
    position:         relative;
    padding:          3px;
    margin-top:       10px;
    margin-bottom:    10px;
    border-radius:    5px;
}

.blueBox .whiteBox {
    float:            right;
    margin-right:     2px;
    height:           25px;
    display:          block;
    background-color: white;
    width:            125px;
    text-align:       center;
    font-weight:      normal;
    border-radius:    5px;
}

.blueBox .whiteBox .whiteBoxButton {
    vertical-align: middle;
    line-height:    20px;
    width:          110px;
    display:        block;
    border:         none;
    margin:         2px auto 0;
}

.blueBox .whiteBox .whiteBoxButton:hover {
    color:  #FFCC33;
    cursor: pointer;
}

/************* HTML5 Additional Elements ******************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    zoom:    1;
}

audio:not([controls]) {
    display: none;
}

[hidden], datalist {
    display: none;
}

/* New Catalog Styles. */
.largeProductImage {
    border:           ridge 6px #0F3E5B;
    position:         absolute;
    width:            500px;
    height:           500px;
    z-index:          10;
    background-color: white;
}

.largeProductImage > div {
    position: absolute;
    top:      5px;
    left:     5px;
}

/************
* CATALOG AREA
*
*
*************/
.redAsterisk {
    font:   bold 16pt Ariel;
    color:  red;
}

.blackAsterisk {
    font:   bold 16pt arial;
    color:  #000000;
}

.whiteAsterisk {
    font:   bold 16pt arial;
    color:  #ffffff;
}

/* Image pop ups and informational popups.*/


#detailView {
   display:       block;
   margin-bottom: 8px;
}

#addSeatingInfo {
    display:          none;
    padding:          20px;
    border:           ridge 6px #0f3e5b;
    position:         absolute;
    width:            500px;
    z-index:          10;
    background-color: white;
}

#mainImg {/*For image testing*/
    width:  250px;
    height: 250px;
}

.medColorImg {
    width:  135px;
    height: 81px;
}

#largeProdImage {
    border:           ridge 6px #0f3e5b;
    position:         absolute;
    width:            500px;
    max-height:       520px;
    display:          none;
    z-index:          10;
    background-color: #000000;
    color:            rgb(57, 110, 142);
    font-weight:      bold;
    text-align:       center;
    top:              -20px;
}

#largeView {
    border:           ridge 6px #0f3e5b;
    position:         absolute;
    width:            520px;
    height:           320px;
    display:          none;
    z-index:          10;
    background-color: #000000;
}

#orderedProdDisplay {
    border:           ridge 6px #0f3e5b;
    position:         absolute;
    width:            1024px;
    height:           780px;
    display:          none;
    z-index:          10;
    background-color: #000000;
}

.optionsAccessoriesArea { /*covers both the mandatory options and the Accessories area. As well as turns off the display for these areas*/
    display:        none;
   /* float:          right;*/
}

.catalogDispDiv{
    width: 615px;
}

.accessoryDispDiv {
    margin-left: 8px;
}

.catSizes {
    font:  normal 7pt verdana;
    color: #0F3E5B;
}

.configureProds {
    width:      100%;
    //display:    none;
}

.specialNote {
    font:   bold 9pt arial;
    color:  red;
}

.specialNoteArea {
    border: solid 1px gray;
}

#prodHeader {
    margin: 5px;
}

.catAmount {
    width:      30px;
    border:     solid 1px #0F3E5B;
    text-align: center;
}

.indPrice {
    font:          bold 9pt verdana;
    color:         #FF2F0F;
    border-bottom: solid 1px #0F3E5B;
}

.indPriceL {
    font:          bold 10pt verdana;
    color:         #FF2F0F;
    border-bottom: solid 1px #0F3E5B;
}

.indPriceFil {
    font:  bold 8pt verdana;
    color: #FF2F0F;
}

.catSizes {
    font:          bold 8pt verdana;
    color:         #0F3E5B;
    border-bottom: solid 1px #0F3E5B;
}

.catPrimHeader {
    font:               bold 10pt century schoolbook;
    color:              #FFFFFF;
    background-color:   #396E8E;
    padding:            4px 0 2px 20px;
    clear:              both;
    border-radius: 2px;
}

.catSubHeader {
    font:          bold 9pt tahoma;
    color:         #0F3E5B;
    border-top:    solid 1px #CCCCCC;
    border-bottom: solid 1px #999999;
}


#productDisplay {
  min-width: 615px;
  max-width: 625px;

}

.productListing {
    font:          normal 9pt verdana;
    color:         #0F3E5B;
    border-bottom: solid 1px #0F3E5B;

}

.addCartButt {
    text-align: right;
    width:      100px;
    cursor:     pointer;
}

.salePriceSt {
    font:             bold 7pt verdana;
    color:            #396E8E;
    background-color: #FFCC33;
}

.dicsProd {
    font:             bold 7pt verdana;
    color:            #0F3E5B;
    background-color: #FFD543;
}

.special {
    font:             bold 7pt verdana;
    color:            #FFFFFF;
    background-color: #FFCD33;
}

.qtyDiscItem {
    font:       bold 7pt verdana;
    color:      #FFFFFF;
    background: #396E8E;
}

.overStock {
    font:       bold 7pt verdana;
    color:      #0F3E5B;
    background: #FFA443;
}

.experimental {
    background: #FFE543;
}

.bottomBorderB {
    border-bottom: solid 1px #0F3E5B;
    font:          bold 9pt verdana;
    color:         #0F3E5B;
}

.bottomBorder {
    border-bottom: solid 1px #0F3E5B;
    font:          normal 9pt verdana;
    color:         #0F3E5B;
}

.generalLaminates {
    z-index:        -10;
    width:          184px;
}

#tabel_selects > div {
    padding: 2px;
}

/*   Begin Finish Light Box Selectors  */
#fnshLightBox{
    z-index:  10000;
    position: absolute;
    top:      0;
    right:    0;
    bottom:   0;
    left:     0;
    height:   120%;
}

#fnshDimBox{
    z-index:          100000;
    background-color: rgb(25,25,30);
    position:         absolute;
    top:              0;
    right:            0;
    bottom:           0;
    left:             0;
    opacity:          0.5;
    height:           120%;
    filter:           progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE < 9 */
}

#fnshContent{
    background-color: rgb(255,255,255);
    z-index:          1000000;
    position:         absolute;
    top:              220px;
    left:             40%;
    right:            40%;
    width:            640px;
    padding:          5px;
    box-shadow:       8px 8px 12px 6px rgba(15,15,20,.6);
}
/*   End Finish Light Box Selectors  */
/***********************************************
****   New Accessories area
************************************************/
.accessDescript {
    float:              left;
    clear:              both;
    width:              350px;

}

.accProdLeftFloat {
    /*background-color:   #396E8E;*/
    width:              145px;
    min-height:         180px;
    margin:             2px;
    /*border:             dashed 1px #c7d6df;*/
    float:              left;
    /*clear:              float;*//*float is invalid this is off until true intent dsicovered.*/
    border-radius:      2px;
    text-align:         center;
}

.salesRepAcc{
    border: solid 1px #ffa443;
}

.experimentalAcc {
    border: solid 1px #00FF00;
}

.experimentalAcc > .overStock {
    background-color: #00FF00;
}

.accProdLeftFloat:hover{
    margin: 1px;
    cursor: pointer;
    border: dashed 1px #c7d6df;
}

.salesRepAcc:hover{
    margin: 2px;
    border: solid 1px #ffa443;
}

.experimentalAcc:hover {
    border: solid 1px #00FF00;
}

.experimentalAcc > .overStock:hover{
    background-color: #00FF00;
}

.accProdClearFloat {
    float:              left;
    clear:              both;

}

.accDescProdListing {
    text-align:         center;
    margin:             auto;
}

.accessImg {
    border:             none;
    padding:            10px 5px 10px 5px;

}

.CUS_CU_fieldSet {
    width:              330px;
    border:             inset 4px #0f3e5b;
}
.CUS_CU_fieldSet > legend {
    font-weight: bold;
    font-size: 16pt;
}

.valuedCustomer {
    width: 280px;
    height: 40px;
    padding-left:20px;
    //background-color: #cfba7b;

}



/***********************************************
****   END OF New Accessories area
************************************************/

/*************************************************************************
* These are the headers throughout the site and can be changed to h tags
* instead of the div tags that were the rage.
**************************************************************************/

.secondheader {
    font:  bold 14pt century gothic;
    color: #396E8E
}

.thirdheader {
    font:  bold 12pt century gothic;
    color: #0F3E5B
}

.thirdheaderG {
    font:  bold 12pt georgia;
    color: #0F3E5B
}

.darkforthheaderB {
    font:  bold 10pt verdana;
    color: #0F3E5B
}

.darkforthheader {
    font:  normal 10pt verdana;
    color: #0F3E5B
}

.darkforthheader2 {
    font:  bold 9pt verdana;
    color: #0F3E5B
}

.darkforthheader3 {
    font:  bold 8pt verdana;
    color: #0F3E5B
}

.darkforthheader4 {
    font:  normal 8pt verdana;
    color: #0F3E5B
}

.darkfifthheader {
    font:  bold 9pt tahoma;
    color: #0F3E5B
}

.darkfifthheader2 {
    font:  bold 8pt tahoma;
    color: #0F3E5B
}

.darkfifthheader3 {
    font:  normal 7pt verdana;
    color: #0F3E5B
}

.darksixthheader {
    font:  bold 7pt tahoma;
    color: #0F3E5B
}

.darkseventhheader {
    font:  bold 7pt tahomat;
    color: #0F3E5B
}

.galleryheader {
    font:  bold 14pt georgia;
    color: #0F3E5B;
}

/***************  Normal Fonts BLUE  ***********/

.thirdheaderB {
    font:  bold 12pt verdana;
    color: #396E8E
}

/*Light blue in verdana*/
.forthheaderB {
    font:  bold 11pt verdana;
    color: #0F3E5B
}

.forthheaderN {
    font:  normal 11pt verdana;
    color: #0F3E5B
}

.fifthheaderB {
    font:  bold 10pt verdana;
    color: #0F3E5B
}

.fifthheaderN {
    font:  normal 10pt verdana;
    color: #0F3E5B
}

.sixthheaderB {
    font:  bold 8pt verdana;
    color: #0F3E5B
}

.sixthheaderN {
    font:  normal 8pt verdana;
    color: #0F3E5B
}

.seventhheader {
    font:  bold 8pt tahoma;
    color: #0F3E5B
}

.seventhheaderN {
    font:  normal 8pt tahoma;
    color: #0F3E5B
}

.eightheader {
    font:  bold 7pt tahoma;
    color: #0F3E5B
}

.eightheaderN {
    font:  normal 7pt tahoma;
    color: #0F3E5B
}

/***************  Screaming Leroy Red ***********/
.thirdheaderBR {
    font:  bold 12pt verdana;
    color: red
}

.forthheaderBR {
    font:  bold 11pt verdana;
    color: red
}

.forthheaderNR {
    font:  normal 11pt verdana;
    color: red
}

.fifthheaderBR {
    font:  bold 10pt verdana;
    color: red;
}

.fifthheaderNR {
    font:  normal 10pt verdana;
    color: red;
}

.sixthheaderBR {
    font:  bold 9pt verdana;
    color: red;
}

.sixthheaderNR {
    font:  normal 9pt verdana;
    color: red;
}

.seventhheaderR {
    font:  bold 7.5pt tahomat;
    color: red;
}

/*************** HEADERS WHITE ***********/
.mainheaderwhite {
    font:  bold 16pt century schoolbook;
    color: #0f3e5b;
}

.secondheaderwhite {
    font:  bold 16pt georgia;
    color: #FFFFFF;
}

.thirdheaderwhiteT {
    font:  bold 16pt Arial;
    color: #FFFFFF;
}

.thirdheaderwhite {
    font:  bold 16pt century gothic;
    color: #FFFFFF;
}

.forthheaderwhite {
    font:  bold 14pt verdana;
    color: #FFFFFF;
}

.fifthheaderwhite {
    font:  bold 8pt tahoma;
    color: #FFFFFF;
}

.sixthheaderwhite {
    font:  bold 8pt tahoma;
    color: #FFFFFF;
}

.seventhheaderwhite {
    font:  bold 7pt tahoma;
    color: #FFFFFF;
}


/*************************************************************************
 * Would like to factor out all the classes below eventually. As it is now
 * we need them to make the catalogs stuff look right. These have nothing
 * to do with the catalogs.
**************************************************************************/
/****************Plain Button*****************/
.plain_out {
    cursor:           pointer;
    border:           ridge 2px #CCCCCC;
    background-color: #396E8E;
    color:            #FFFFFF;
    font-weight:      bold;
}

.plain_over {
    cursor:           pointer;
    border:           groove 2px #999999;
    background-color: #FFFFFF;
    color:            #0F3E5B;
    font-weight:      bold;
}

.plain_out_80 {
    cursor:           pointer;
    border:           ridge 2px #CCCCCC;
    background-color: #396E8E;
    color:            #FFFFFF;
    font-weight:      bold;
    width:            80px;
}

.plain_over_80 {
    cursor:           pointer;
    border:           groove 2px #999999;
    background-color: #FFFFFF;
    color:            #0F3E5B;
    font-weight:      bold;
    width:            80px;
}

.plain_out_100 {
    cursor:           pointer;
    border:           ridge 2px #CCCCCC;
    background-color: #396E8E;
    color:            #FFFFFF;
    font-weight:      bold;
    width:            100px;
}

.plain_over_100 {
    cursor:           pointer;
    border:           groove 2px #999999;
    background-color: #FFFFFF;
    color:            #0F3E5B;
    font-weight:      bold;
    width:            100px;
}

.plain_out_120 {
    cursor:           pointer;
    border:           ridge 2px #CCCCCC;
    background-color: #396E8E;
    color:            #FFFFFF;
    font-weight:      bold;
    width:            120px;
}

.plain_over_120 {
    cursor:           pointer;
    border:           groove 2px #999999;
    background-color: #FFFFFF;
    color:            #0F3E5B;
    font-weight:      bold;
    width:            120px;
}

.plain_out_160 {
    cursor:           pointer;
    border:           ridge 2px #CCCCCC;
    background-color: #396E8E;
    color:            #FFFFFF;
    font-weight:      bold;
    width:            160px;
}

.plain_over_160 {
    cursor:           pointer;
    border:           groove 2px #999999;
    background-color: #FFFFFF;
    color:            #0F3E5B;
    font-weight:      bold;
    width:            160px;
}

.plain_out_200 {
    cursor:           pointer;
    border:           ridge 2px #CCCCCC;
    background-color: #396E8E;
    color:            #FFFFFF;
    font-weight:      bold;
    width:            200px;
}

.plain_over_200 {
    cursor:           pointer;
    border:           groove 2px #999999;
    background-color: #FFFFFF;
    color:            #0F3E5B;
    font-weight:      bold;
    width:            200px;
}

.plain_out_250 {
    cursor:           pointer;
    border:           ridge 2px #CCCCCC;
    background-color: #396E8E;
    color:            #FFFFFF;
    font-weight:      bold;
    width:            250px;
}

.plain_over_250 {
    cursor:           pointer;
    border:           groove 2px #999999;
    background-color: #FFFFFF;
    color:            #0F3E5B;
    font-weight:      bold;
    width:            250px;
}

/*************************************************/

/************** IMAGE DISPLAYS *************************/
.rollImage {
    width:   210px;
    padding: 5px;
}

/*[rollover images in images/buttons and rolled in index_default.button_event()]*/
.button_77 {
    width:  77px;
    height: 29px;
    border: none;
    cursor: pointer;
}

.button_149 {
    width:  149px;
    height: 29px;
    border: none;
    cursor: pointer;
}

.button_249 {
    width:  249px;
    height: 29px;
    border: none;
    cursor: pointer;
}

.button_60 {
    border: none;
    color:  #0F3E5B;
    font:   normal 8pt tahoma;
    height: 18px;
    width:  60px;
    cursor: pointer;
    margin: 0;
}

.button_100 {
    border: none;
    color:  #0F3E5B;
    font:   normal 8pt tahoma;
    height: 18px;
    width:  100px;
    cursor: pointer;
    margin: 0;
}

.button_120 {
    border: none;
    color:  #0F3E5B;
    font:   normal 8pt tahoma;
    height: 18px;
    width:  120px;
    cursor: pointer;
    margin: 0;
}

.button_160 {
    border: none;
    color:  #0F3E5B;
    font:   normal 8pt tahoma;
    height: 18px;
    width:  160px;
    cursor: pointer;
    margin: 0;
}

.button_200 {
    border: none;
    color:  #0F3E5B;
    font:   normal 8pt tahoma;
    height: 18px;
    width:  200px;
    cursor: pointer;
    margin: 0;
}

.button_250 {
    border: none;
    color:  #0F3E5B;
    font:   normal 8pt tahoma;
    height: 18px;
    width:  250px;
    cursor: pointer;
    margin: 0;
}



/*************************************************************************
 * Tab Display classes
 * 
 * 
 * 
**************************************************************************/
/****************Tabs*****************/
.tabs {
    width: inherit;
    height: inherit;
    overflow-x: hidden;
    margin: 3px;
}

.tabs > ul {
    padding: 0;
    margin: 0;
}

.tabs > ul li {
    display: inline-block;
    min-width: 100px;
    border: 1px solid lightgray;
    margin: 0;
    margin-right: -5px;
    padding: 3px;
    text-align: center;
    list-style: none;
    height: 20px;
    line-height: 20px;
    vertical-align: bottom;
}

.tabs > ul li:first-child {
    border-radius: 10px 0 0 0;
}

.tabs > ul li:last-child {
    border-radius: 0 10px 0 0;
}

.tabs > ul a {
    text-decoration: none;
    border: none;
    width: inherit;
    height: inherit;
}

.tabs > div {
    width: inherit;
    height: inherit;
    margin: 5px;
    overflow-x: auto;

    min-height: 50px;
}

.tabs .tab-display {
    display: block;
}

.tabs .tab-hide {
    display: none;
}

.tabs .tab-selected {
    background-color: #EEE;

    box-shadow: rgba(0,0,0,.2) 2px 2px 3px;
    height: 23px;
    line-height: 23px;
}

.tabs > ul li.tab-selected a {
    color: inherit;
    cursor: default;
}



/*************************************************************************
 * Side Bar Nav (nested ul's)
**************************************************************************/
.sideBarNav {
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.sideBarNav > li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 5px;
}

.sideBarNav .subNav {
    display: none;
}

.sideBarNav .subNav.expanded {
    display: block;
}

.sideBarNav .subNav > li {
    padding-left: 15px;
}

.sideBarNav span.highlighted {
    background-color: lightgray;
}