body
{
    background: url('/Content/Images/background.gif') #d2d2d2 fixed repeat-y center top;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #585858;
}

img
{
    border: 0;
}

a
{
    color: #333;
    text-decoration: underline;
}
a:hover
{
    color: #0b63cc;
    text-decoration: none;
}
a:active
{
    color: #ff6600;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    margin: 0 auto 0 auto;
    padding: 10px 0;
}

.pageseperator
{
    height: 10px;
    overflow: hidden;
}

.pagebox1
{
    background-color: #fff;
    height: 1px;
    overflow: hidden;
    margin: 0px 8px;
}
.pagebox2
{
    background-color: #fff;
    height: 1px;
    overflow: hidden;
    margin: 0px 6px;
}
.pagebox3
{
    background-color: #fff;
    height: 1px;
    overflow: hidden;
    margin: 0px 4px;
}
.pagebox4
{
    background-color: #fff;
    height: 1px;
    overflow: hidden;
    margin: 0px 3px;
    border-left: solid 5px #fff;
    border-right: solid 5px #fff;
}
.pagebox5
{
    background-color: #fff;
    height: 1px;
    overflow: hidden;
    margin: 0px 2px;
    border-left: solid 4px #fff;
    border-right: solid 4px #fff;
}
.pagebox6
{
    background-color: #fff;
    height: 1px;
    overflow: hidden;
    margin: 0px 2px;
    border-left: solid 3px #fff;
    border-right: solid 3px #fff;
}
.pagebox7
{
    background-color: #fff;
    height: 2px;
    overflow: hidden;
    margin: 0px 1px;
    border-left: solid 3px #fff;
    border-right: solid 3px #fff;
}

#header
{
    background-color: #fff;
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
    color: #333;
    padding: 0 10px 0 10px;
    width: 940px;
}

#main
{
    background-color: #fff;
    padding: 10px 30px 15px 30px;
    width: 900px;
    overflow: hidden;
}

#mainleft
{
    float: left;
    width: 530px;
}

#mainright
{
    float: right;
}

#footer
{
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

#footer a
{
    color: #777;
}

/* MISC  
----------------------------------------------------------*/

.menu-home-bg
{
    background: url('/Content/Images/buttons.gif') transparent no-repeat;
}

.menu-home-bg #menu-home a
{
    color: #585858;
}

.menu-search-bg
{
    background: url('/Content/Images/buttons.gif') transparent no-repeat 0px -55px;
}

.menu-search-bg #menu-search a
{
    color: #585858;
}

.menu-browse-bg
{
    background: url('/Content/Images/buttons.gif') transparent no-repeat 0px -110px;
}

.menu-browse-bg #menu-browse a
{
    color: #585858;
}

#menucontainer
{
    width: 550px;
    float: right;
    height: 55px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

#menucontainer a
{
    color: #fff;
    font-weight: bold;
    line-height: 35px;
    font-size: 1.2em;
    text-decoration: none;
}

#menucontainer a:hover
{
    text-decoration: underline;
}

#menu-home
{
    margin-top: 18px;
    width: 137px;
    height: 37px;
    text-align: center;
    float: left;
}

#menu-search
{
    width: 276px;
    height: 37px;
    float: left;
}

#menu-search input
{
    color: #585858;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 9px;
    margin-left: 35px;
    width: 220px;
    border: none 1px #fff;
}

#menu-browse
{
    margin-top: 18px;
    width: 137px;
    height: 37px;
    text-align: center;
    float: left;
}

#logo
{
    display: block;
    float: left;
    text-align: left;
    width: 250px;
    height: 90px;
    background: transparent url('/Content/Images/logo.png') no-repeat;
}

.rowseperator
{
    border-bottom: dashed 1px #ddd;
}

.maintitle
{
    margin: 5px 0px 15px 0px;
    color: #666;
    font-size: 1.5em;
    font-style: italic;
}

.rowcontainer
{
    overflow: hidden;
    height: 44px;
    margin: 0px 0px 8px 0px;
}

.smallrowbox
{
    float: left;
    height: 37px;
    margin: 7px 0px 0px 0px;
}

.smallrowbox img
{
    width: 50px;
    height: 37px;
}

.largerowbox
{
    float: left;
    width: 480px;
    margin: 5px 0px 0px 0px;
}

.fullrowbox
{
    float: left;
    margin: 5px 0px 0px 20px;
}

.borderrowbox
{
    float: left;
    border: solid 1px #585858;
    font-size: 0.9em;
    height: 35px;
    width: 48px;
    margin: 7px 0px 0px 0px;
    background-color: #eee;
    text-align: center;
}

.borderrowbox div
{
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 2px;
}

.largelink
{
    font-size: 1.7em;
    text-decoration: none;
}

.subbox
{
    font-size: 0.8em;
    color: #aaa;
}

.subbox a
{
    color: #aaa;
}

.smallrowcontainer
{
    margin: 3px 0px 5px 0px;
    font-size: 1.4em;
}

.smallrowcontainer a
{
    text-decoration: none;
}

.categoriescontainer
{
    overflow: hidden;
    width: 720px;
    margin: 30px auto;
}

.categorybox
{
    float: left;
    width: 340px;
    margin-right: 20px;
}

.categorylink
{
    margin: 5px 0px 8px 0px;
}

.productlink
{
    float: left;
    margin: 13px 0px 0px 20px;
}

.pager
{
    margin: 20px 0px;
    font-size: 1.5em;
    line-height: 1.8em;
}

.pager a
{
    color: #ff6600;
    padding: 2px 5px;
    border: solid 1px #ff6600;
    text-decoration: none;
}

.pager a:hover
{
    text-decoration: underline;
}

.pager .selected
{
    color: #333;
    padding: 2px 5px;
    border: solid 1px #333;
}

.pager .disabled
{
    color: #ddd;
    padding: 2px 5px;
    border: solid 1px #ddd;
}