﻿body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 1em;
    background-color: #f7f7f7;
    color: #272727;
}

.center
{
    margin: 0 auto;
}

a
{
    text-decoration: none;
    color: #757474;
}
a:hover
{
    text-decoration: underline;
}

img
{
    border: none;
}

.large
{
    font-size: 1.7em;
}
.medium
{
    font-size: 1.2em;
}
.small
{
    font-size: .8em;
}
.dark
{
    color: #272727;
}
.light
{
    color: #757474;
}

input
{
    background-image: url(/images/boxSliver.png);
    background-repeat: repeat-x;
}

/* Category Menu */
#categoryMenu
{
    list-style: none;
    padding: 5px;
    margin: 0;
}

#headerWrapper
{
    background-image: url(/images/TopSliver.png);
    background-repeat: repeat-x;
    height: 504px;
}

#topImage  {
    float:right;
    margin:0 43px 0 0;
}

#footerWrapper
{
    background-image: url(/images/edgeFooterSliver.png);
    background-repeat: repeat-x;
    height: 227px;
}

#header, #mainBody, #footer
{
    width: 990px;
    margin: 0 auto;
    overflow: auto;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

#footer
{
    background-image: url(/images/footerSliver.png);
    background-repeat: repeat-x;
    height: 228px;
}

#tab
{
    background-image: url(/images/FooterTab.png);
    background-repeat: no-repeat;
    height: 42px;
    width: 990px;
}

.logo
{
    background-image: url(/images/LogoHeader.png);
    background-repeat: no-repeat;
    width: 990px;
    height: 148px;
}

/*******  Login status ********/
.logo .session
{
    float: right;
    margin-top: 119px;
    padding-right: 45px;
}

/******* Search Area **********/
#topBannerArea
{
    background-image: url(/images/SearchBox2.png);
    background-repeat: no-repeat;
    width: 990px;
    height: 201px;
}

#searchWidget
{
    float: left;
    margin: 0;
    padding-top: 20px;
}

#searchWidget p
{
    margin: 0;
    padding: 10px 0 0 45px;
}

#searchWidget span.label
{
    color: #b9b8b8;
    font-size: 1.1em;
    font-weight: bold;
}

#searchWidget select, #searchWidget input
{
    font-size: 1.1em;
    font-weight: bold;
    color: #757474;
}

#searchWidget select
{
    margin: 0 0 0 30px;
}

#searchWidget .keyword
{
    margin: 0 0 0 9px;
}

#searchWidget .lowPrice
{
    margin: 0 0 0 45px;
}

#searchWidget .searchButton
{
    margin: 10px 0 0 335px;
}

/********* Main Menu ***********/
ul#userMenu
{
    list-style: none;
    margin: 0;
    padding: 0 17px;
}

ul#userMenu li
{
    float: left;
    padding: 10px 30px;
    background-image: url(/images/InactiveButtonSliver.png);
    background-repeat: repeat-x;
}

ul#userMenu li.selected
{
    background-image: url(/images/ActiveButtonSliver.png);
    background-repeat: repeat-x;
}

ul#userMenu li a
{
    font-weight: bold;
}

ul#userMenu li.selected a
{
    color: #f7f7f7;
    font-weight: bold;
}

#headerBodyDivider
{
    background-image: url(/images/TopBody2.png);
    background-repeat: no-repeat;
    width: 990px;
    height: 153px;
    margin-top: 45px;
}

/****** Cart Widget ********/
#cartWidget
{
    float: right;
    padding-right: 65px;
}

#cartWidget td
{
    padding: 7px 43px 0 0;
}

/******* Main Content ********/
#mainContent
{
    overflow: auto;
}

/******* Categories ********/
#mainBody #categories
{
    padding: 10px;
    width: 210px;
    float: left;
}

#mainBody #categories ul#categoryMenu li
{
    padding: 10px 0;
}

#mainBody #categories ul#categoryMenu li a
{
    color: #757474;
    font-weight: bold;
}

/***** Product List ******/

#mainContent h1
{
    background-repeat: repeat-y;
    margin: 0 0 0 10px;
    padding: 5px 135px 5px 0;
    text-align: right;
    font-size: 29px;
    font-style: italic;
    color: White;
}

h1.electronics
{
    background-image: url(/images/ElectronicsBanner.png);
}

h1.tools
{
    background-image: url(/images/ToolsBanner.png);
}

h1.jewelry
{
    background-image: url(/images/JewelryBanner.png);
}

h1.clothing
{
    background-image: url(/images/ClothingBanner.png);
}

h1.outdoorRecreation
{
    background-image: url(/images/OutdoorRecBanner.png);
}

h1.homeLeisure
{
    background-image: url(/images/HomeLeisureBanner.png);
}

h1.kidsFamily
{
    background-image: url(/images/KidsFamilyBanner.png);
}

h1.sportsHobbies
{
    background-image: url(/images/SportsHobbiesBanner.png);
}

/*
#productList
{
    float: left;
    border: none;
    margin: 0 auto;
}
*/

.productBox
{
    width: 357px;
    border: 2px solid #757474;
    background-color: White;
    vertical-align: top;
}

.productBox .prodImg
{
    float: left;
    padding: 5px;
}
.productBox .priceAdd
{
    text-align: right;
}

.itemDetail
{
    list-style: none;
    padding: 0;
}

.itemDetail li
{
    padding: 5px 80px 5px 0;
}

/******* Pager *********/
#pageNumbers
{
    padding: 10px;
}

.pager
{
    padding: 5px;
    background-color: #dedcdc;
    border: 2px solid #272727;
    margin: 0 1px;
}

/******** Footer Items *********/
#footer ul#bottomMenu
{
    list-style: none;
    margin: 35px 108px 0;
}

#footer ul#bottomMenu li
{
    float: left;
    border-left: 1px solid #757474;
    border-right: 1px solid #757474;
    margin: 15px 0;
    padding: 0 10px;
}

#footer p#contactInfo
{
    float: right;
    padding: 0 20px;
}

#footer p#contactInfo a
{
    color: White;
}


/******** Login ***********/
.signUp
{
    float: left;
    padding: 28px 104px;
}

.login
{
    margin: 0 auto;
}

.loginHeader
{
    text-align: left;
    padding: 25px 0;
}

.loginRemember
{
    padding: 25px 0;
}

.loginForgotLink
{
    margin: 0 0 0 515px;
}

.standardForm
{
    margin: 5px 30px;
}

#createUser
{
    width: 460px;
    margin: 0 auto;
}

/***** shopping cart ******/
.totalsPanel
{
    padding-right: 95px;
}

/********** Order history *********/
.overLine td
{
    border-top: solid 1px black;
    padding-top: 10px;
}

.prices
{
    text-align: right;
}
