div.clear {  /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/GreyButtonR.gif') no-repeat scroll top right;
    color: black;
    display: block;
    float: left;
    font: bold 16px arial, sans-serif;
    height: 26px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
div{
   /*float:left;*/
}
a.button span {
    background: transparent url('/images/GreyButtonL.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 4px 0 4px 18px;
   white-space: nowrap
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    /*padding: 5px 0 3px 18px; *//* push text down 1px */
}

a.button:hover span {
    /*padding: 5px 0 3px 18px; *//* push text down 1px */
   color: white;
}

div.bigblackbutton {
   background-image: url('/images/BigButtonBlack.gif');
   background-repeat: no-repeat;
   width: 233px;
   height: 93px;
   text-align: center;
   /*display: table-cell;*/
   /*vertical-align: middle;*/
   font-family: arial, sans-serif;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   font-size: 30px;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
   color: black;
   padding-top: 10px;
}
div.bigblackbutton:hover {
   color: white;
}
a:hover div {
   color: white;
   cursor: pointer;
}

div.bigwhitebutton {
   background-image:url('/images/BigButtonWhite.gif');
   background-repeat: no-repeat;
   width: 246px;
   height: 109px;
   text-align: center;
   /*display: table-cell;*/
   /*vertical-align: middle;*/
   font-family: arial, sans-serif;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   font-size: 30px;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
   color: black;
   padding-top: 9px;
}
div.bigwhitebutton:hover {
   color: white;
}

a.squareButton {
    color: #FFFFFF;
    display: block;
    float: right;
    height: 26px; /* sliding doors padding */
    text-decoration: none;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(/images/GreyButtonR.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    padding-right: 15px;
    margin-top: 3px;
    margin-right: 0;
    margin-left: 10px;
    cursor: pointer;
    border: none;
}

a.squareButton span {
    display: block;
    line-height: 18px;
    white-space: nowrap;
    background-color: transparent;
    background-image: url(/images/GreyButtonL.jpg);
    background-repeat: no-repeat;
    padding-top: 4px;
    padding-right: 0;
    padding-bottom: 4px;
    padding-left: 15px;
}

a.squareButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.squareButton:active span {
    background-position: bottom left; /*padding: 5px 0 3px 18px; *//* push text down 1px */
}

a.squareButton:hover span {
    color: white;
    background-image: url(/images/LightGreyButtonL.jpg);
    background-repeat: no-repeat;
}

a.squareButton:hover {
    color: white;
    background-image: url(/images/LightGreyButtonR.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    /*border: 1px #910302 solid;*/
}

a.squareButtonOn {
    color: #FFEA00;
    display: block;
    float: right;
    height: 26px; /* sliding doors padding */
    text-decoration: none;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(/images/GreyButtonR.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    padding-right: 15px;
    margin-top: 3px;
    margin-right: 0;
    margin-left: 10px;
    cursor: pointer;
    border: none;
}

a.squareButtonOn span {
    display: block;
    line-height: 14px;
    white-space: nowrap;
    background-color: transparent;
    background-image: url(/images/GreyButtonL.jpg);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 3px;
    padding-left: 15px;
}

a.squareButtonOn:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.squareButtonOn:active span {
    background-position: bottom left; /*padding: 5px 0 3px 18px; *//* push text down 1px */
}

a.squareButtonOn:hover span {
    color: white;
    background-image: url(/images/LightGreyButtonL.jpg);
    background-repeat: no-repeat;
}

a.squareButtonOn:hover {
    color: white;
    background-image: url(/images/LightGreyButtonR.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    /*border: 1px #910302 solid;*/
}

a.squareButtonShort {
    color: #FFFFFF;
    display: block;
    float: left;
    height: 20px; /* sliding doors padding */
    text-decoration: none;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(/images/GreyButtonR20.jpg);
    background-repeat: no-repeat;
    /*background-repeat: repeat-y;*/
    background-position: right top;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    padding-right: 15px;
    /*margin-top: 0;*/
    /*margin-right: 0;*/
    /*margin-left: 0;*/
    margin: 0 2px;
    cursor: pointer;
    border: none;
    /*border: 1px #353535 solid;*/
}

a.squareButtonShort span {
    display: block;
    line-height: 14px;
    white-space: nowrap;
    background-color: transparent;
    background-image: url(/images/GreyButtonL20.jpg);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 3px;
    padding-left: 15px;
}

a.squareButtonShort:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.squareButtonShort:active span {
    background-position: bottom left; /*padding: 5px 0 3px 18px; *//* push text down 1px */
}

a.squareButtonShort:hover span {
    color: white;
    background-image: url(/images/LightGreyButtonL20.jpg);
    background-repeat: no-repeat;
}

a.squareButtonShort:hover {
    color: white;
    background-image: url(/images/LightGreyButtonR20.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    /*border: 1px #910302 solid;*/
}

a.squareButtonShortOn {
    color: #FFEA00;
    display: block;
    float: left;
    height: 20px; /* sliding doors padding */
    text-decoration: none;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(/images/GreyButtonR20.jpg);
    background-repeat: no-repeat;
    /*background-repeat: repeat-y;*/
    background-position: right top;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    padding-right: 15px;
    margin: 0 2px;
    cursor: pointer;
    border: none;
    /*border: 1px #353535 solid;*/
}

a.squareButtonShortOn span {
    display: block;
    line-height: 14px;
    white-space: nowrap;
    background-color: transparent;
    background-image: url(/images/GreyButtonL20.jpg);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 3px;
    padding-left: 15px;
}

a.squareButtonShortOn:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.squareButtonShortOn:active span {
    background-position: bottom left; /*padding: 5px 0 3px 18px; *//* push text down 1px */
}

a.squareButtonShortOn:hover span {
    color: white;
    background-image: url(/images/LightGreyButtonL20.jpg);
    background-repeat: no-repeat;
}

a.squareButtonShortOn:hover {
    color: white;
    background-image: url(/images/LightGreyButtonR20.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    /*border: 1px #910302 solid;*/
}

a.button2 {
    color: #000000;
    display: block; 
    float: right;
    height: 30px; /* sliding doors padding */
    text-decoration: none;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(/images/LightGreyButtonR.png);
    background-repeat: no-repeat;
    background-position: right top;
    font-family: arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    padding-right: 15px;
    margin-top: 3px;
    margin-right: 0;
    margin-left: 10px;
    cursor: pointer;
    border: none;
}

a.button2 span {
    display: block;
    line-height: 22px;
    white-space: nowrap;
    background-color: transparent;
    background-image: url(/images/LightGreyButtonL.png);
    background-repeat: no-repeat;
    padding-top: 4px;
    padding-right: 0;
    padding-bottom: 4px;
    padding-left: 15px;
}

a.button2:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button2:active span {
    background-position: bottom left; /*padding: 5px 0 3px 18px; *//* push text down 1px */
}

a.button2:hover span {
    color: white;
    background-image: url(/images/LightGreyButtonL.png);
    background-repeat: no-repeat;
}

a.button2:hover {
    color: white;
    background-image: url(/images/LightGreyButtonR.png);
    background-repeat: no-repeat;
    background-position: right top;
    /*border: 1px #910302 solid;*/
}

a.button2On {
    color: #FFEA00;
    display: block;
    float: right;
    height: 30px; /* sliding doors padding */
    text-decoration: none;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(/images/GreyButtonR.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    padding-right: 15px;
    margin-top: 3px;
    margin-right: 0;
    margin-left: 10px;
    cursor: pointer;
    border: none;
}

a.button2On span {
    display: block;
    line-height: 14px;
    white-space: nowrap;
    background-color: transparent;
    background-image: url(/images/GreyButtonL.jpg);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 3px;
    padding-left: 15px;
}

a.button2On:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button2On:active span {
    background-position: bottom left; /*padding: 5px 0 3px 18px; *//* push text down 1px */
}

a.button2On:hover span {
    color: white;
    background-image: url(/images/LightGreyButtonL.jpg);
    background-repeat: no-repeat;
}

a.button2On:hover {
    color: white;
    background-image: url(/images/LightGreyButtonR.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    /*border: 1px #910302 solid;*/
}


