﻿/* List item */
#front_ads { width: 578px; height: 170px; padding: 5px 5px 4px 7px; margin-bottom: 5px; background: url("../gfx-bin/wardrobe/front_ads_bg.png") no-repeat -10px; }
    #front_ads img { float: left; }
    div.front_spacer { width: 1px; height: 1px; margin: 0 2px 0 2px; float: left; }

    div.list_item { width: 140px; height: 165px; float: left; }
        div.list_item div.header { height: 24px; line-height: 24px; }
            div.list_item div.header a { color: #31516d; font-weight: bold; font-size: 12px; text-decoration: none; }
        div.list_item div.image { width: 140px; height: 140px; cursor: pointer; }
        div.list_item div.details { width: 140px; height: 140px; background: url("../gfx-bin/wardrobe/search_details_bg.png") repeat-x; display: none; }
            div.list_item div.details div { color: #fff; }
            div.list_item div.details span.key { color: #ffbb04; width: 30px; float: left; }
            div.list_item div.details div.price { height: 33px; padding: 10px; font-size: 14px; }
                div.list_item div.details div.price span.key { font-weight: bold; }
            div.list_item div.details div.tags { height: 27px; padding: 10px; }
            div.list_item div.details div.options { height: 16px; padding: 12px 0 0 10px; }
                div.list_item div.details div.options div { line-height: 16px; height: 16px; float: left; font-weight: bold; }
            
    div.list_type_front { }
    div.list_type_search { margin: 0 11px 11px 11px; }
    div.list_type_search_first { margin: 0 11px 11px 11px; }
/*
    div.list_item { width: 130px; height: 130px; float: left; margin-top: 15px; }
        div.list_item div.header { height: 24px; line-height: 24px; color: #31516d; font-weight: bold; font-size: 12px; }
*/

#ad_top { width: 676px; height: 11px; background: url("../gfx-bin/wardrobe/ad_top.png") no-repeat; }
#ad_bottom { width: 676px; height: 9px; background: url("../gfx-bin/wardrobe/ad_bottom.png") no-repeat; }
#ad { background: url("../gfx-bin/wardrobe/ad_bg.png"); width: 676px; }
div.ad_content div.header { height: 69px; padding: 7px 25px 0 25px; }
div.ad_content { background: url("../gfx-bin/wardrobe/ad_main_header_bg.png") repeat-x; width: 500px; float: left; }
div.ad_content div.main_image { margin: 15px 25px 0 25px; color: #666666; text-align: center; }
div.ad_content div.gallery { margin: 0 25px 15px 25px; padding: 10px; background: url("../gfx-bin/wardrobe/ad_gallery_bg.png") no-repeat bottom; text-align: center; }
div.ad_content div.gallery img { margin-right: 5px; }
div.ad_content div.description { padding: 10px 25px 10px 25px; line-height: 16px; margin-bottom: 10px; border-top: solid 1px #ecf1f4; background: url("../gfx-bin/wardrobe/ad_description_bg.png") repeat-x bottom; }
    div.ad_content div.description div.description_header { color: #62819a; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
    div.ad_content div.description div.clothing { margin-top: 10px; background: #fff; padding: 5px; border: solid 1px #ddd; }
    div.ad_content div.description table { width: 100%; }
        div.ad_content div.description table td { font-size: 10px; }
        div.ad_content div.description table tr.header td { font-weight: bold; }
        div.ad_content div.description table td.colour { height: 20px; width: 20px; }
        div.ad_content div.description table td.type { padding-left: 10px; width: 120px; }
        div.ad_content div.description table td.brand {}
        div.ad_content div.description table td.bought {}
        div.ad_content div.description table td.price { text-align: right; }
        
div.ad_info { background: url("../gfx-bin/wardrobe/ad_right_header_bg.png") repeat-x; width: 176px; float: left; min-height: 600px; }
    div.ad_info div.header { height: 69px; padding-top: 7px; padding-left: 10px; }
    div.ad_info div.options { height: 16px; }
        div.ad_info div.options div { line-height: 16px; height: 16px; float: left; font-weight: bold; color: #63829b; }
    div.ad_info div.tag { padding: 9px 15px 9px 15px; border-bottom: solid 1px #ecf1f4; }
        div.ad_info div.tag div.key { color: #62819a; font-size: 11px; }
        div.ad_info div.tag div.value { font-weight: bold; color: #343d45; font-size: 12px; }
        div.ad_info div.tag div.key a, div.ad_info div.tag div.value a { font-weight: bold; color: #343d45; font-size: 12px; text-decoration: none; }
    div.ad_info input, div.ad_info textarea { padding: 2px; font-size: 12px; border: solid 1px #999; }
    div.ad_info div.bid input.amount { padding: 5px; font-size: 12px; border: solid 1px #999; text-align: right; }

div.messageboard { border-bottom: solid 1px #ecf1f4; padding: 10px 25px 10px 25px; background: url("../gfx-bin/wardrobe/ad_messageboard_bg.png") repeat-x bottom; }    
div.messageboard textarea.message { padding: 5px; font-size: 12px; border: solid 1px #999; margin-bottom: 5px; }    
    div.messageboard div.icon_header { background: url("../gfx-bin/wardrobe/icon_discussion.png") no-repeat; padding-left: 45px; height: 30px; line-height: 30px; margin-bottom: 10px; color: #62819a; font-size: 14px; font-weight: bold; } 
    div.messageboard div.message { border-bottom: solid 1px #cfd9e0; line-height: 16px; margin-bottom: 10px; padding: 0 0 10px 0; }
    div.messageboard div.message_owner { }
    div.messageboard div.username { float: left; }
        div.messageboard div.username a { font-size: 12px; text-decoration: none; color: #63829b; font-weight: bold; }
    div.messageboard div.added { float: left; font-size: 12px; color: #63829b; }
    div.messageboard div.text { font-size: 12px; float: none; clear: both; }
    
div.bid { margin-top: 5px; color: #343d45; }
div.send_message { padding: 10px 25px 10px 25px; background: url("../gfx-bin/wardrobe/ad_messageboard_bg.png") repeat-x bottom; margin-top: 5px; color: #343d45; }
    div.send_message div.icon_header { background: url("../gfx-bin/wardrobe/icon_message.png") no-repeat; padding-left: 45px; height: 30px; line-height: 30px; margin-bottom: 10px; color: #62819a; font-size: 14px; font-weight: bold; } 
    div.send_message textarea { padding: 5px; font-size: 12px; border: solid 1px #999; }    
    div.send_message input { padding: 5px; font-size: 12px; border: solid 1px #999; }    
span.added { color: #999999; }
div.ad_info div.header { }
div.ad_info div.details { margin-bottom: 10px; }
table.info_table { width: 100%; border-collapse: collapse; color: #333333; }
table.info_table td.key { width: 90px; font-weight: bold; vertical-align: top; border-bottom: solid 1px #e8e8e8; padding-left: 5px; }
table.info_table td.value { border-bottom: solid 1px #e8e8e8; }
span.text_header 
{
	font-size: 11px;
	font-weight: bold;
	color: #124a63;
	text-transform: uppercase;
}
.small { font-size: 9px; padding-top: 5px; }

div.seller { background: #fff; padding: 10px; margin-bottom: 10px; padding-bottom: 20px; }
    div.seller div.image { width: 140px; height: 140px; padding: 2px; border: solid 1px #ccc; background: url("../gfx-bin/wardrobe/no_profile_image.png") no-repeat; }
    div.seller div.rating { width: 120px; padding: 10px; }
    div.seller div.left { width: 140px; float: left; }
    div.seller div.right { float: right; width: 150px; }
    div.seller div.username { padding: 10px; }
        div.seller div.username a { font-size: 12px; text-decoration: none; color: #63829b; font-weight: bold; }
    div.seller div.related { margin: 10px 0; }
        div.related_item { margin-right: 1px; margin-bottom: 1px; float: left; }