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


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