/* Core overrides
============================================*/
body
{
    font-family: Arial, Verdana, Tahoma, Sans-Serif;
    font-size: 12px;
    color: #111;
}

a
{
    color: #00339B;
}

h2:first-child
{
    margin-top: 0;
}

#page
{
    margin-top: 10px;
    padding: 0;
    width: 980px;
}

#footer
{
    border-top: 1px solid #ccc;
    clear: both;
}


/* Page elements
============================================*/
#mainContent
{
    width: 760px;
}

.jqmWindowImage
{
    width: auto;
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    background-color: #fff;
    color: #333;
    border: 1px solid #666;
    padding: 12px;
}

#footer p
{
    margin: 0;
    text-align: center;
}

.centerContent /* The middle "column" when a promotedList is on the right */
{
    width: 540px;
}

.jqmWindowImage
{
    width: auto;
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    background-color: #fff;
    color: #333;
    border: 1px solid #666;
    padding: 12px;
}

/* Styling classes
============================================*/
.strong
{
    font-weight: bold;
}

.hStart
{
    background: transparent url('/Content/Skins/Default/title.png') no-repeat scroll left top;
}

.hEnd
{
    background: transparent url('/Content/Skins/Default/title_right.png') no-repeat scroll right top;
    padding: 8px 8px 6px;
    height: 1.2em;
    letter-spacing: 0.1em;
    text-align: center;
}

h2.hEnd
{
    margin-bottom: 0;
    font-size: 12px;
    color: #fff;
}

p.hEnd
{
    margin-bottom: 0;
    padding-bottom: 8px;
}

.boxed
{
    padding: 10px 10px 20px 10px;
}

#mainContent .boxed
{
    /* background: transparent url('/Content/Skins/Default/bg_boxed_main.gif') no-repeat left bottom; */
}

#mainContent .centerContent .boxed
{
    background: transparent url('/Content/Skins/Default/bg_boxed_center.gif') no-repeat left bottom;
}

#promotedList .boxed
{
    background: transparent url('/Content/Skins/Default/bg_boxed_promoted.gif') no-repeat left bottom;
    background-color: #d1d3d4;
    padding-bottom: 50px;
}

.centered
{
    text-align: center;
}

.error {
    color: #c81a2a;
}

.field-validation-error {
    color: #c81a2a;
}


/* Header
============================================*/
#header
{
    margin-bottom: 10px;
}

#logo
{
    margin: 0 50px 10px 0;
    padding-top: 10px;
}

#logoCompany1, #logoCompany2, #logoCompany3
{
    margin: 0;
    padding-top: 10px;
}

#banner
{
    height: 80;
    width: 800;
}

#menuBar
{
    background: transparent url('/Content/Skins/Default/bg_menubar.png') no-repeat left top;
}

#topMenu
{
    margin-left: 20px;
}

#topMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#topMenu li
{
    display: inline;
}

#topMenu li a
{
    margin-right: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #333;
    text-decoration: none;
    letter-spacing: 1px;
}

#topMenu li a.active, #topMenu li a:hover
{
    color: #000;
}

.loginLink
{
    color: Maroon;
}

#topSearch
{
    margin-right: 10px;
    width: 200px;
}

#topSearch input, input[type="text"].bidInput
{
    margin: 6px 0 0 0;
    padding: 5px;
    font-size: 1.2em;
    border: 1px solid #aaa;
    width: 135px;
}

#searchButton
{
    margin: 8px 0 0 5px;
}


/* Front page
============================================*/
.welcomeText h1
{
    margin-bottom: 0;
    color: #555;
}

/* Common for lists
============================================*/
#promotedList ul, #retailerList ul, .auctionObjectImages ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Forms
============================================*/
input[type="text"].address, input[type="text"].email
{
    width: 250px;
}

input[type="text"].postalCode
{
    width: 60px;
}


/* Buttons
============================================*/
button, a.button, span.button
{
    padding: 0 10px 0 0;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    background: transparent url('btn_bg_bidder_grey.gif') no-repeat right -70px;
}

button span, a.button span, span.button a
{
    padding: 5px 0 0 10px;
    height: 25px;
    background: transparent url('btn_bg_bidder_grey.gif') no-repeat left top;
    color: #fff;
}

a.button, span.button, a.button span, span.button a
{
    line-height: 25px;
    padding-bottom: 6px;
    padding-top: 5px;
    overflow: visible;
}

button.popout, button.popout span, a.popout, a.popout span, span.popout, span.popout a
{
    background-image: url('btn_bg_bidder_green.gif');
}

button:hover, a.button:hover, span.button:hover
{
    background-position: right -105px;
}

button:hover span, a.button:hover span, span.button:hover a
{
    background-position: 0 -35px;
}

a.button:hover, span.button:hover a
{
    text-decoration: none;
}

.buttons .button, .buttons button
{
    margin-right: 5px;
}


/* Auction object listing common
============================================*/
.auctionObject h3, #promotedList h3, .auctionObjectList h3
{
    margin: 0;
    padding: 0;
}

.auctionObject h3 a, #promotedList h3 a, .auctionObjectList h3 a
{
    color: #444;
    font-size: 12px;
    font-weight: bold;
}



/* Auction object list
============================================*/
.auctionObject
{
    width: 243px;
    padding: 15px 0 0 15px;
    background: transparent url('/Content/Skins/Default/bg_object_grid.gif') no-repeat left top;
    margin-right: 10px;
    margin-bottom: 30px;
}

.auctionObjectList
{
    width: 524px;
    padding: 1px 0 0 1px;
    margin-left: 10px;
}

.lastAuctionObjectInLine
{
    margin-right: 0;
}

.auctionObject .thumbnail
{
    width: 80px;
    height: 70px;
}

.auctionObjectList .thumbnail
{
    width: 70px;
    height: 64px;
}

.auctionObject .title, .auctionObjectList .title
{
    margin: 0;
    padding: 0;
    width: 140px;
}

.auctionObject h3
{
    height: 45px;
}

.auctionObject .info
{
    margin-top: 0;
    height: 65px;
}

.auctionObjectList .info
{
    margin-top: 0;
    height: 50px;
    padding-left: 10px;
}

.auctionObject .chanceToSave
{
    color: #990033;
}

.auctionObject .buttons
{
    margin-top: 5px;
}

.auctionObjectList .buttons
{
    margin-top: 5px;
    padding-left: 10px;
}
.auctionObjectList .buttons a
{
    padding-bottom: 10px;
}
.auctionObjectList .objectEnd
{
    padding: 1px 0 1px 0;
    border-bottom: 1px solid #cecece;
}
.timeLeft
{
    background: transparent url('/Content/Skins/Default/clock.png') no-repeat left top;
    padding-left: 20px;
    padding-bottom: 2px;
}


/* Promoted list
============================================*/
#promotedList li
{
    padding: 10px 0;
}

#promotedList
{
    width: 211px;
    margin-left: 9px;
}

#promotedList .objectEnd
{
    padding: 3px 0 15px 0;
    border-bottom: 1px solid #9c9c9c;
}

#promotedList li:last-child .objectEnd
{
    border-bottom: none;
    padding-bottom: 0;
}


/* Retailer list
============================================*/
#retailerList li
{
    margin-top: 20px;
    padding: 15px 0 10px 15px; /*border-bottom: 1px solid #cecece;*/
    background: transparent url('/Content/Skins/Default/bg_object_grid.gif') no-repeat top left;
}

#retailerList .retailerLogo
{
    width: 175px;
}

#retailerList li:last-child
{
    border-bottom: none;
}

#retailerList h2
{
    font-size: 14px;
}

/* Site info list
===========================================*/

ul#siteInfoList a
{
    text-decoration: none;
    color: Black;
    font-size: 14px;
}


/* Auction object details
============================================*/
#auctionObjectDetails
{
    padding-top: 10px;
}

#auctionObjectDetails .auctionObjectImages
{
    width: 200px;
}

#auctionObjectDetails #primaryImage
{
    display: block;
    margin-bottom: 4px;
}

#auctionObjectDetails #extraImages img
{
    margin: 10px 10px 0 0;
}

#auctionObjectDetails .auctionObjectInfo
{
    width: 315px;
}

#auctionObjectDetails .auctionObjectInfo h3
{
    margin-top: 0;
}

#auctionObjectDetails .placeBidArea
{
    /*width: 140px;*/
}

#auctionObjectDetails .placeBidArea span
{
    margin-bottom: 5px;
}

#auctionObjectDetails h4
{
    margin-top: 10px;
}

#auctionObjectDetails .retailerInfo
{
    clear: both;
    margin-top: 10px;
    border-top: 1px solid #ccc;
}

#leadingBids, #bidHistory
{
    margin-top: 20px;
    border-top: 1px solid #ccc;
}

.reservePriceReachedCol
{
    width: 135px;
}


/* Categories accordion
============================================*/
#categoryList
{
    width: 211px;
}

#categoryList h3, #promotedList h3
{
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 5px;
    font-size: 12px;
}

#categories
{
    background: transparent url('/Content/Skins/Default/bg_boxed_cat.gif') no-repeat left bottom;
    padding-bottom: 60px;
}

/* TODO: The entire line needs to be clickable if we remove the images */
/*
#categories .treeview .hitarea {
    background: none;
}

#categories .treeview li { 
    background: none;
}

#categories .treeview li a {
    display: block;
}
*/

#categories .treeview li a:hover
{
    color: inherit;
}

#categories h3
{
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

#categories h3 a
{
    margin: 0 1px;
    padding: 8px 6px 8px 6px;
    display: block;
    line-height: 15px;
}

#categories h3 a img
{
    margin-bottom: -1px;
    margin-right: 2px;
}


#categories h3 a:hover, #categories h3 a:active, #categories h3 a:focus, #categories h3 a.current
{
    text-decoration: none;
    background-color: #ececec;
}

#categories .accordionContent
{
    display: none;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

#categories a
{
    text-decoration: none;
    color: Black;
    font-size: 12px;
}

/* Tabs 
================================*/
#tabs
{
    float: left;
    width: 100%;
    line-height: normal;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    overflow: hidden;
}

#tabs ul
{
    margin: 0;
    padding: 10px 10px 0 0px;
    list-style: none;
}

#tabs li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#tabs span
{
    float: left;
    background: url('/Content/Skins/Default/tab_left.png') no-repeat left top;
    margin: 0;
    padding: 0 0 0 6px;
}

#tabs span a
{
    float: left;
    display: block;
    background: url('/Content/Skins/Default/tab_right.png') no-repeat right top;
    padding: 6px 15px 4px 6px;
    margin-right: 2px;
    text-decoration: none;
    color: #111;
}

#tabs span:hover, #tabs li.active span
{
    background-position: 0% -42px;
}

#tabs span:hover a, #tabs li.active span a
{
    background-position: 100% -42px;
}

/* Place bid 
================================*/
input[type="text"].bidInput
{
    font-weight: bold;
}

.biddingInfo
{
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

/* Notification 
================================*/

.notification
{
    display: none;
    font-weight: normal;
    font-size: 1.5em;
    background-color: #f8e25c;
    border: 1px solid #ececec;
    padding: 5px;
}