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;
}

.separator1
{
    margin: 0 0 5px 0;
    padding: 0;
    border-bottom: solid 1px #acb6cc;
}

.separator2
{
    margin: 2px 0 2px 0;
    padding: 0;
    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;}

.altlink {color: #7bad62; text-decoration: none;}
.altlink:link {color: #7bad62; text-decoration: none;}
.altlink:visited {color: #7bad62; text-decoration: none;}
.altlink:hover {color: #edb905; text-decoration: none;}
.altlink:active {color: #7bad62; 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;
}

#CrumbLinksTable tr td
{
    padding: 5px 8px 5px 8px;
}

#CrumbTrailCell
{
    width: 536px;
}

#LinksCell
{
    width: 195px;
}

#LeftNavCell
{
    width: 134px;
}

#StoreMainTable .pageContent
{
    padding: 8px 0 0 12px;
}

#StoreMainTable img
{
    margin: 2px;
}

#FeaturedTable .pageContent
{
    padding: 5px 0 0 8px;
}

#ContentArea
{
    width: 616px; /* 616 + 7 + 7 = 630px */
    margin: 5px 7px 5px 7px;
}
#ContentArea_NoPadding
{
    width: 630px;
    margin: 0;
}

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

.caption
{
    font-size: 10px;
}

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

.attention
{
    color: #edb905;
}

.allcaps
{
    text-transform: uppercase;
}


/***************************************************************
    AUXILLIARY TOOLS (SUCH AS SEARCH, SHOPPING CART, ETC.)
*/
.auxtool
{
    padding: 8px 8px 8px 8px;
    color: #000000;
    background-color: #fef6e4;
    font-size: 9px;
}

.auxtool a {color: #b2831a; text-decoration: none; font-size: 9px;}
.auxtool a:link {color: #b2831a; text-decoration: none;}
.auxtool a:visited {color: #b2831a; text-decoration: none;}
.auxtool a:hover {color: #7bad62; text-decoration: none;}
.auxtool a:active {color: #b2831a; text-decoration: none;}

.auxtool .heading2,
.auxtool p
{
    color: #000000;
    font-size: 9px;
}


/***************************************************************
    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;
    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.bottom
{
    border-top: 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: 50px; overflow: hidden; position: relative; cursor: hand;}
.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: 50px; 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: 212px;}
#topnavright a {height: 9px; /* +12px (padding-top/-bottom) = 21px height */}

/* 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;}

#tabHome {width: 145px;}
.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: 65px;}
.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: 212px;}
.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;}

/* 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;}


/***************************************************************
    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;
}
.heading4
{
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 9px;
    font-weight: bold;
    line-height: 1em;
    color: #ffffff;
}
.contentBlock
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
}

/* listed for reference; defined elsewhere */
.borderedCell,
.borderedCellNoTop,
.borderedCellNoLeft,
.disclaimer,
.attention,
.altlink {}


/***************************************************************
    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,
input.Content, select.Content, textarea.Content   /* StoreFront styles */
{
    padding: 1px;
    color: #000000;
    line-height: normal;
}
input.button
{
    font-weight: bold;
    color: #ffffff;
    background-color: #7590aa;
    cursor: hand;
    border: solid 1px #a1aec8;
}
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;
}

/***************************************************************
    STOREFRONT-SPECIFIC STYLES (See Styles.css for more)
*/
#PageTable
{
    display: none;
    visibility: hidden;
}

.ContentTableHeaderTitle
{
    margin: 0;
    padding: 4px 5px 5px 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1em;
    color: #000000;
	background-color: #fef6e4;
	/*text-align: left;*/
}

.ContentBottomBorder
{
    margin: 0;
    padding: 4px 5px 7px 5px;
    border-bottom: solid 1px #acb6cc;
	/*text-align: left;*/
}