html, body
{
    margin: 0;
    padding: 0;
    background-color: #435d90;
}

html, body, p, td, input, select, textarea
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    color: #ffffff;
    line-height: 150%;
}

#OuterTable
{
    width: 768px;
}

p
{
    margin: 0;
    padding: 0 0 8px 0;
}

hr
{
    margin: 5px 0 5px 0;
    padding: 0;
    height: 1px;
    color: #435d90;
    border-bottom: solid 1px #acb6cc;
}

/*
a {color: #ffffff; text-decoration: none;}
a:link {color: #ffffff; text-decoration: none;}
a:visited {color: #ffffff; text-decoration: none;}
a:hover {color: #7bad62; text-decoration: none;}
a:active {color: #ffffff; text-decoration: none;}
*/
a {color: #7bad62; text-decoration: none;}
a:link {color: #7bad62; text-decoration: none;}
a:visited {color: #7bad62; text-decoration: none;}
a:hover {color: #edb905; text-decoration: none;}
a:active {color: #7bad62; text-decoration: none;}

.altlink {color: #ffffff; text-decoration: none;}
.altlink:link {color: #ffffff; text-decoration: none;}
.altlink:visited {color: #ffffff; text-decoration: none;}
.altlink:hover {color: #7bad62; text-decoration: none;}
.altlink:active {color: #ffffff; text-decoration: none;}

.disabledlink,
.disabledlink:link,
.disabledlink:visited,
.disabledlink:hover,
.disabledlink:active {color: #b0b0b0; text-decoration: none;}

.borderedCell,
.borderedCellNoTop,
.borderedCellNoLeft,
.borderedCellAll
{
    padding: 0;
    background-color: #435d90;
    border-top: solid 1px #acb6cc;
    border-left: solid 1px #acb6cc;
}

.borderedCellNoTop
{
    border-top: 0;
}

.borderedCellNoLeft
{
    border-left: 0;
}

.borderedCellAll
{
    border-bottom: solid 1px #acb6cc;
    border-right: solid 1px #acb6cc;
}

#TopNavInnerTable
{
    width: 234px;
}

#LeftNavCell
{
    width: 134px;
}

#ContentCell
{
    /* used for default layout */
    width: 342px;
}

#ContentCellReduced
{
    /* used for product pages (marketing site) */
    width: 279px;
}

#ContentArea
{
    padding: 10px 10px 10px 10px;
}

.contentAreaSmall
{
    font-size: 11px;
    padding: 10px 10px 10px 10px;
}

#SliverTable
{
    border-bottom: solid 1px #acb6cc;
}

#ContentRightCell
{
    /* used for default layout */
    width: 275px;
}

#ContentRightCellExtended
{
    /* used for product pages (marketing site) */
    width: 338px !important; /* IE ignores */
    width: 337px;
}

#ProductRightCell
{
    /* IE adds the width of cell borders to the entire width of a table,
       where Mozilla does not. */
    width: 339px !important; /* IE will ignore */
    width: 338px;
}

.disclaimer
{
    font-size: 11px;
    color: #cccccc;
}

.caption
{
    font-size: 10px;
}

.footerText
{
    font-size: 10px;
    padding-right: 10px;
    color: #ffffff;
}

.attention
{
    color: #edb905;
}

/***************************************************************
    CSS ROLLOVERS (GENERAL)
*/
.cellButtonOrange {background-color: #edb905;}
.cellButtonBlue {background-color: #79a5ca;}
.cellButtonGreen {background-color: #56b79f;}
.cellButtonRed {background-color: #bf580c;}
.cellButtonBronze {background-color: #b2831b;}


/***************************************************************
    CSS ROLLOVERS (LEFT)
*/
.navlist
{
    width: 134px;
}
.navlist ul
{
    margin: 0; /*removes indent IE and Opera*/
    padding: 0; /*removes indent Mozilla and NN7*/
    list-style-type: none; /*turns off display of bullet*/
    font-size: 9px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 130%;
}
.navlist li
{
    margin: 0;
    padding: 0;
}
.navlist a
{
    display: block;
    padding: 0 0 0 8px;
    border: solid 1px #ffffff;
    border-bottom: 0;
    /* apply the following line to the 'style' attribute of the last item in your navigation */
    /* border-bottom: solid 1px #ffffff; */
}
.navlist a:link {color: #ffffff; text-decoration: none;}
.navlist a:visited {color: #ffffff; text-decoration: none;}
.navlist a:hover {color: #ffffff; text-decoration: none; background-color: #7590aa;}
.navlist a:active {color: #ffffff; text-decoration: none;}

/* Vertical centering using CSS */
/* for IE */
.navlist .outer {height: 82px; overflow: hidden; position: relative; cursor: hand;} /* height different for IE */
.navlist .middle {position: absolute; top: 50%; cursor: hand;} /* for IE only*/
.navlist .inner {position: relative; top: -50%; cursor: hand;} /* for IE only */
/* for standard browsers */
.navlist .outer[class] {height: 84px; display: table; position: static; cursor: hand;}
.navlist .middle[class] {display: table-cell; vertical-align: middle; position: static; cursor: hand;}
.navlist .inner[class] {position: static; cursor: hand;} /* optional */


/***************************************************************
    CSS ROLLOVERS (TOP)
*/
.tablist
{
    margin: 0;
}
.tablist ul
{
    margin: 0; /*removes indent IE and Opera*/
    padding: 0; /*removes indent Mozilla and NN7*/
    list-style-type: none; /*turns off display of bullet*/
    font-size: 9px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 110%;
}
.tablist li
{
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
}
.tablist a
{
    display: block;
    padding: 6px 0 6px 0;
    border-left: solid 1px #acb6cc;
    border-top: solid 1px #acb6cc;
}
.tablist a:link {color: #ffffff; text-decoration: none;}
.tablist a:visited {color: #ffffff; text-decoration: none;}
.tablist a:hover {color: #ffffff; text-decoration: none; background-color: #7590aa;}
.tablist a:active {color: #ffffff; text-decoration: none;}

/* Special styles for individual nav bars */
#leftnav {}
#logoutnav a {font-size: 11px; font-weight: normal; padding: 6px 8px 6px 11px; height: 1em;}
#topnavleft a {height: 66px; /* +12px (padding-top/-bottom) = 78px height */}
#topnavright {width: 104px;}
#topnavright a {height: 7px; /* +12px (padding-top/-bottom) = 19px height */}
#insidenav {width: 274px;}
#insidenav a {border: 0;}
#insidenav .outer {height: 25px;}

/* Special styles for individual tabs */

/* The uberlink class defines the style for a tab
   in the current section of the site. This class
   is usually the same color as the hover state of
   the tab. */

/* Top Nav */
#Header1_tabLogout {} /* "Header1_" is appended by ASP.NET because the Logout button appears in the Header1 control */
.tablist a#Header1_tabLogout:link,
.tablist a#Header1_tabLogout:visited {}
.tablist a#Header1_tabLogout:hover,
.tablist a#Header1_tabLogout:active,
.uberlink a#Header1_tabLogout:link,
.uberlink a#Header1_tabLogout:visited,
.uberlink a#Header1_tabLogout:hover,
.uberlink a#Header1_tabLogout:active {background-color: #bf580c;}

#tabAbout {width: 62px;}
.tablist a#tabAbout:link,
.tablist a#tabAbout:visited {}
.tablist a#tabAbout:hover,
.tablist a#tabAbout:active,
.uberlink a#tabAbout:link,
.uberlink a#tabAbout:visited,
.uberlink a#tabAbout:hover,
.uberlink a#tabAbout:active {background-color: #62a7ad;}

#tabNews {width: 80px;}
.tablist a#tabNews:link,
.tablist a#tabNews:visited {}
.tablist a#tabNews:hover,
.tablist a#tabNews:active,
.uberlink a#tabNews:link,
.uberlink a#tabNews:visited,
.uberlink a#tabNews:hover,
.uberlink a#tabNews:active {background-color: #7bad62;}

#tabStore {width: 89px;}
.tablist a#tabStore:link,
.tablist a#tabStore:visited {}
.tablist a#tabStore:hover,
.tablist a#tabStore:active,
.uberlink a#tabStore:link,
.uberlink a#tabStore:visited,
.uberlink a#tabStore:hover,
.uberlink a#tabStore:active {background-color: #7590aa;}

#tabHome {width: 42px;}
.tablist a#tabHome:link,
.tablist a#tabHome:visited {}
.tablist a#tabHome:hover,
.tablist a#tabHome:active,
.uberlink a#tabHome:link,
.uberlink a#tabHome:visited,
.uberlink a#tabHome:hover,
.uberlink a#tabHome:active {background-color: #98a9b9;}

#tabContact {width: 60px;}
.tablist a#tabContact:link,
.tablist a#tabContact:visited {}
.tablist a#tabContact:hover,
.tablist a#tabContact:active,
.uberlink a#tabContact:link,
.uberlink a#tabContact:visited,
.uberlink a#tabContact:hover,
.uberlink a#tabContact:active {background-color: #a78727;}

#tabCatalog {width: 103px; height: 19px !important;}
.tablist a#tabCatalog:link,
.tablist a#tabCatalog:visited {}
.tablist a#tabCatalog:hover,
.tablist a#tabCatalog:active,
.uberlink a#tabCatalog:link,
.uberlink a#tabCatalog:visited,
.uberlink a#tabCatalog:hover,
.uberlink a#tabCatalog:active {background-color: #edb905;}

#tabHomeLower {width: 42px; height: 85px !important; background-color: transparent;}
#tabContactLower {width: 60px; height: 85px !important; background-color: transparent;}

/* Left Nav */
#tabStockFixtures {}
.tablist a#tabStockFixtures:link,
.tablist a#tabStockFixtures:visited {}
.tablist a#tabStockFixtures:hover,
.tablist a#tabStockFixtures:active,
.uberlink a#tabStockFixtures:link,
.uberlink a#tabStockFixtures:visited,
.uberlink a#tabStockFixtures:hover,
.uberlink a#tabStockFixtures:active {background-color: #7590aa;}

#tabServices {}
.tablist a#tabServices:link,
.tablist a#tabServices:visited {}
.tablist a#tabServices:hover,
.tablist a#tabServices:active,
.uberlink a#tabServices:link,
.uberlink a#tabServices:visited,
.uberlink a#tabServices:hover,
.uberlink a#tabServices:active {background-color: #7590aa;}

#tabCustomFixtures {}
.tablist a#tabCustomFixtures:link,
.tablist a#tabCustomFixtures:visited {}
.tablist a#tabCustomFixtures:hover,
.tablist a#tabCustomFixtures:active,
.uberlink a#tabCustomFixtures:link,
.uberlink a#tabCustomFixtures:visited,
.uberlink a#tabCustomFixtures:hover,
.uberlink a#tabCustomFixtures:active {background-color: #7590aa;}

/* "Inside Radiant Products" links to the About Us page, so we
   aren't going to define an uberlink style for that button */


/***************************************************************
    STYLES FOR RADEDITOR CSS CLASS DROPDOWN
    Must specify all style attributes in each one to have
    them display as such in the CSS drop down in the editor.
*/
.heading1
{
    margin: 0;
    padding: 0 0 5px 0;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #ffffff;
}
.heading2
{
    margin: 0;
    padding: 0 0 5px 0;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1em;
    color: #ffffff;
}
.heading3
{
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 9px;
    font-weight: bold;
    line-height: 1em;
    color: #62A7AD;
}
.contentBlock
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
}
.borderedCell,
.borderedCellNoTop,
.borderedCellNoLeft,
.borderedCellAll,
.disclaimer,
.caption,
.footerText,
.attention {} /* listed for reference; defined above */


/***************************************************************
    FORM STYLES
*/
form {margin: 0; padding: 0;}

.formitem,
.formitem td {padding: 2px 0 2px 0;}
.formitem .label,
.formitem .labelRequired,
.formitem .field {padding: 0 5px 0 5px;}
.required {color: #edb905;}

input, select, textarea
{
    padding: 2px;
    color: #000000;
    line-height: normal;
    border: solid 1px #a1aec8;
}
input.button
{
    font-weight: bold;
    color: #ffffff;
    background-color: #7590aa;
    cursor: hand;
}
input.radiobutton,
.radionbutton input {border: 0;}
input.checkbox,
.checkbox input {border: 0;}

input.textboxRequired,
textarea.textboxRequired,
select.listboxRequired
{
    background-color: #edd88f;
    /*border: solid 1px #edb905;*/
}

.ValidationSummary,
.ValidationSummary tr td
{
    padding: 5px 0 5px 0;
    color: #edb905;
}

.ValidationSummary ul,
.ValidationSummary tr td ul
{
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
}

.ValidationSummary ul li,
.ValidationSummary tr td ul li
{
    margin: 0 0 3px 0;
    padding: 0 0 0 0;
}