* { margin: 0; padding: 0; }
a { outline: none; }
a img { border: none; }

.Cap { clear: both; }

html
{
    background-color: #000;
    height: 100%;
    overflow: hidden;
}

body
{
    height: 100%;
    font-family: Arial;
    font-size: 0.7em;
    text-transform: uppercase;
    overflow: hidden;
    width: 100%;
}

#LayoutHolder
{
    overflow: hidden;
    padding: 30px 15px 15px 15px;
    background-color: White;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 904px;
    height: 591px;
    margin: -318px 0 0 -467px;
}

#LayoutHolderInner
{
    position: absolute;
    top: 30px;
    left: 15px;
    width: 904px;
    height: 591px; 
    overflow: hidden;
}

#TopMenu
{
    height: 24px;
    overflow: hidden;
    padding-bottom: 10px;
}

#TopMenu h2
{
    float: left;
    height: 24px;
    width: 180px;
    background: transparent url(Assets/CoreLogo.gif) no-repeat 10px top;
    font-size: 10%;
    text-indent: -1000px;
    overflow: hidden;
}

#TopMenu ul {
    height: 24px;
    width: 634px;
    overflow: hidden;
    float: left;
}

#TopMenu ul li
{
    float: left;
    height: 14px;
    line-height: 14px;
    vertical-align: bottom;
    margin: 10px 10px 0 0;
    list-style-type: none;
}
#TopMenu ul li a:link,
#TopMenu ul li a:active,
#TopMenu ul li a:visited
{
    padding: 0 5px;
    display: block;
    float: left;
    color: black;
    text-decoration: none;
}
#TopMenu ul li.Active a, #TopMenu ul li a:hover { background-color: #e5e5e5; }

#TopMenu iframe { margin-top: 5px; }

#SidebarFrame
{
    width: 170px;
    height: 556px;
    float: left;
    border-right: solid 1px #bcbdc0;
}

#SidebarFrame div
{
    padding: 10px 10px 18px 0;
    border-top: solid 1px #bcbdc0;
}

#SidebarFrame a:link,
#SidebarFrame a:active,
#SidebarFrame a:visited
{
    color: #000;
    text-decoration: none;
    display: block;
}

#SidebarFrame ul { list-style-type: none; }

#SidebarFrame ul li a { padding: 0 0 0 10px; margin: 2px 0; }
#SidebarFrame ul li ul li a { padding: 0 0 0 20px; }
#SidebarFrame div p { padding: 0 0 0 10px; margin: 2px 0; }

#SidebarFrame ul li.Active a,
#SidebarFrame div p.Highlight a
{
    background-color: #eee;
}

#SidebarFrame ul li.Active ul li a { background-color: #fff; }

#SidebarFrame div.Categories a:link,
#SidebarFrame div.Categories a:active,
#SidebarFrame div.Categories a:visited { color: #77787b; }
#SidebarFrame div.Categories a:hover { color: #000; }
#SidebarFrame div.Categories ul li ul li a:link,
#SidebarFrame div.Categories ul li ul li a:active,
#SidebarFrame div.Categories ul li ul li a:visited { color: #bcbdc0; }
#SidebarFrame div.Categories ul li ul li a:hover { color: #77787b; }

#ContentFrame
{
    position: absolute;
    top: 34px;
    left: 180px;
    width: 724px;
    height: 567px;
    overflow: hidden;
}

#ContentFrameInner 
{
    position: absolute;
    padding-right: 10px;
    top: 0;
    left: 0;
    width: 714px;
    height: 566px;
    overflow: auto;
    overflow-x: hidden;
}

.HomePage #ContentFrameInner { top: 0; height: 546px; width: 734px; border-top: solid 1px #bcbdc0; padding: 10px 0 0 0; }
.ContentFrameWithBorder #ContentFrameInner { padding: 10px 10px 0 0; height: 546px; width: 704px; border-top: solid 1px #bcbdc0; }
.ContentFrameWithTitle #ContentFrameInner { top: 34px; height: 522px; }
.ContentFrameWithToolbar #ContentFrameInner { top: 54px; height: 502px; }
.ContactLayout { padding-right: 0 !important; width: 724px !important; }

#Toolbar { padding: 10px 0px 10px 0; height: 14px; border-top: solid 1px #bcbdc0; border-bottom: solid 1px #bcbdc0; }

#Toolbar select { width: 150px; float: left; margin-right: 5px; color: #77787b; text-transform: uppercase; font-size: 0.8em; }
#Toolbar input { width: 126px; float: left; height: 15px; color: #77787b; text-transform: uppercase; font-size: 0.8em; }
#Toolbar a.SearchButton
{
    display: block;
    float: left;
    margin: 3px 0 0 4px;
    height: 16px;
    width: 16px;
    overflow: hidden;
    background: transparent url(Assets/MagnifyGlass.gif);
    text-indent: -2000px;
}

#Toolbar span { background: transparent url(Assets/Bullet.gif) no-repeat left center; padding: 0 6px 0 7px; }
#Toolbar span a:link,
#Toolbar span a:active,
#Toolbar span a:visited { color: #77787b; text-decoration: none; }
#Toolbar span a:hover { color: Black; }

#Toolbar div { display: inline; }

h1, p.Message, p.FilterNoResultsMessage { border-top: solid 1px #bcbdc0; border-bottom: solid 1px #bcbdc0; color: #77787b; padding: 4px 0; font-size: 100%; font-weight: normal; margin-bottom: 8px; }

h3 { color: #000; font-size: 100%; font-weight: normal; margin-bottom: 8px; }

#ContentFrameInner p, #ContentFrameInner address { color: #77787b; margin-bottom: 6px; font-style: normal; }

#ContentFrameInner p a:link,
#ContentFrameInner p a:active,
#ContentFrameInner p a:visited { color: #77787b; text-decoration: none; }
#ContentFrameInner p a:hover { color: Black; }

.ItemGrid
{
    overflow: hidden;
    float: left;
}

.ItemGrid .Product,
.ItemGrid .Category
{
    float: left;
    margin: 0 10px 10px 0;
}

.ItemGrid .Product { width: 128px; }

.ItemGrid .Photo { margin-bottom: 2px; }
.ItemGrid .Category .Details { background-color: #eee; }

.ItemGrid div div a { display: block; }

.ItemGrid .Product p
{
    line-height: 14px;
    height: 14px;
    margin: 0 !important;
    padding: 0 !important;
}

.ItemGrid .Product p.Selection a
{
    display: block;
    margin-top: 4px;
    height: 10px;
    line-height: 10px;
    background: transparent url(Assets/MySelection.gif) no-repeat left top;
    padding-left: 13px;
    overflow: hidden;
    cursor: pointer;
}
.ItemGrid .Product p.Selection a.Selected { background-position: left -10px; }
.ItemGrid .Product p.Selection a span { display: none; }
.ItemGrid .Product p.Selection a span.First { display: inline; }

.ItemGrid a:link, .ItemGrid a:active, .ItemGrid a:visited { text-decoration: none; color: #77787b; }
.ItemGrid a:hover, .ItemGrid div:hover a { color: Black; }

#ProductLayout .Column1 { width: 400px; float: left; }
#ProductLayout .Thumbs { margin: 0 0 10px 0; border-bottom: solid 1px #bcbdc0; }
#ProductLayout .Thumbs img { margin: 0 10px 10px 0; }
#ProductLayout .Column2 { margin-left: 410px; }
#ProductLayout .Column2 h3 { margin-bottom: 0; }
#ProductLayout .Column2 p { max-width: 30em; margin-top: 0; }
#ProductLayout .Blurb strong { font-weight: normal; display: block; color: #000; }
#ProductLayout .TechnicalSpecs p { margin-bottom: 0; }

.AboutLayout .Photo { width: 470px; margin-right: 10px; float: left; }
.AboutLayout .Content { margin-left: 480px; }
.AboutLayout p { max-width: 45em; text-transform: none; }

.BrandLayout .Brand { border-bottom: solid 1px #bcbdc0; padding-bottom: 4px; margin-bottom: 10px; max-width: 90em; }
.BrandLayout .Brand h3 { padding-left: 200px; }
.BrandLayout .Brand .Logo { width: 190px; margin-right: 10px; float: left; text-align: center; }
.BrandLayout .Brand .Content { margin-left: 200px; text-transform: none; }

.ContactLayout p span { display: block; float: left; width: 5em; }
.ContactLayout address { margin-left: 5em; }

.InlineImage { margin-top: 2em; }

.SiteBy { position: absolute; top: 50%; left: 50%; margin: 323px 0 0 0; width: 467px; text-align: right; }
.SiteBy a { color: #444; text-decoration: none; font-size: 70%; }

fieldset { border: none; }
fieldset legend { display: none; }
fieldset p
{
    width: 100%;
    overflow: auto;
    line-height: 2em;
    vertical-align: baseline;
}
fieldset p label
{
    display: block;
    float: left;
    width: 8em;
}
fieldset p input
{
    color: #77787b;
    font-size: 1em;
    padding: 2px;
    width: 17em;
}
fieldset p.Submit input
{
    color: ButtonText;
    width: auto;
    margin-left: 8em;
}

fieldset#NewsletterSignup
{
    margin: 3em 0 0 0;
    padding: 3em 0 0 0;
    border-top: solid 1px #bcbdc0;
}

fieldset#NewsletterSignup h3 { color: #77787b; }
fieldset#NewsletterSignup p { text-transform: none; }
fieldset#NewsletterSignup p label { text-transform: uppercase; }

div.HomePage ul
{
    list-style-type: none;
    height: 546px;
    width: 734px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    div.HomePage ul li
    {
        height: 546px;
        width: 734px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
    }

    div.HomePage ul li span
    {
        height: 546px;
        width: 734px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

