﻿/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DESCRIPTION: Primary style sheet
	
	CONTENTS:
	0. FONTS
	
	1. RESET
	
	2. ELEMENT STYLES
		2.1 BODY
		2.2 FONTS
		2.3 HEADINGS
		2.4 OTHER ELEMENTS		
		
	3. LAYOUT STYLES
        3.1 LAYOUT
		3.2 NETWORK
        3.3 BANNER
		3.4 BODY
		3.5 FOOTER
		3.6 ADS
		3.7 ACCOUNT

    4. COMPONENT STYLES
		4.1 FORM
		4.2 LABEL VALUE LIST
		4.3 MESSAGE BOX
		4.4 POST
		4.5 PAGER
		4.6 HOVER LIST		
		4.7 ROTATOR WIDGET
		4.8 DIALOG WIDGET
		4.9 TAB WIDGET        
        4.10 COMBOBOX WIDGET 
        4.11 CHECKBOX WIDGET
		4.12 INLINE LIST
		4.13 CATEGORY LIST
        4.14 TERMS
        4.15 RECAPTCHA
        4.16 VALIDATION
        4.17 DATA TABLE 
        4.18 MISC
				
    5. PAGE STYLES
        5.1 HOME            
        5.2 LOCATION
		5.3 SEARCH
        5.4 POWER SEARCH
		5.5 POST DETAILS
		5.6 POST EDITOR
		5.7 POST MESSAGE
		5.8 CREATE ACCOUNT
		5.9 ACCOUNT HOME
		5.10 POST HISTORY
		5.11 FAVORITES
		5.12 SEARCH ALERTS
		5.13 CONTESTS
		5.14 FAQS
					
    6. FORMATTING STYLES					
		6.1 SIZING
		6.2 DISPLAY	
		6.3 BUTTONS
		6.4 CLEAR FIX


	NOTES:
	normal-text:  	12px, 1em - lineheight 18px, 1.5em
	small-text:  	11px, .92em - lineheight 18px, 1.6364em
	xsmall-text:	10px, .833em - lineheight 18px, 1.8em
-----------------------------------------------------------------
-------------------------------------------------------------- */

/*==============================================================================================
  0. FONTS
================================================================================================*/


/*==============================================================================================
  1. RESET - http://meyerweb.com/eric/tools/css/reset/ v2.0b1
================================================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*==============================================================================================
   2. ELEMENT STYLES 
================================================================================================*/

/* 2.1 BODY 
----------------------------------------- */
body { 
    font-size: 75%; 
    font-family: Tahoma, Arial, Sans-Serif
}    
html>body {
    font-size: 12px;
}
html{	
	min-height: 100%;
}


/* 2.2 FONT SIZING
----------------------------------------- */

/* 12px */
.normal-text {
    font-size: 1em;
    line-height: 1.5em;            
}
.normal-text-margin { 
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.normal-text-half-margin {
    margin-top: .75em;
    margin-bottom: .75em;
}
/* 11px - font 11/12px = .92em - line 18/11px = 1.6364em */
.small-text {
    font-size: .92em;
    line-height: 1.6364em;
}
.small-text-margin {
    margin-top: 1.6364em;
    margin-bottom: 1.6364em;    
}
.small-text-half-margin {
    margin-top: .82em;
    margin-bottom: .82em;
}
.small-text-qtr-margin {
    margin-top: .41em;
    margin-bottom: .41em;
}
/* 10px - font 10px/12px = .833em - line 18px/10px = 1.8em*/
.xsmall-text {
    font-size: .833em;
    line-height: 1.8em;
}
.xsmall-text-margin {
    margin-top: 1.8em;
    margin-bottom: 1.8em;    
}
.xsmall-text-half-margin {
    margin-top: .9em;
    margin-bottom: .9em;
}
.xsmall-text-qtr-margin {
    margin-top: .45em;
    margin-bottom: .45em;
}

/* element sizing */
text, p, div, li {
    font-size: 1em;
    line-height: 1.5em;
}
p, ul, ol {	    
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
input,
button,
select,
textarea {
    font-size: 12px; 
    font-family: Tahoma, Arial, Sans-Serif
} 
textarea {
    resize: none;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}

/* 2.3 HEADINGS STYLES
----------------------------------------- */
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {         
	font-family: RobotoCondensed, Arial, Sans-Serif;
	text-transform: uppercase;	
}
/* 24 px */
h1, .h1 {    
    font-size: 2em;
    line-height: .75em;
    margin-top: .75em;
    margin-bottom: .75em;      
}
h2, .h2 {
    font-size: 1.75em;
    line-height: .8571em;
    margin-top: .8571em;
    margin-bottom: .8571em;
}
h3, .h3 {
    font-size: 1.5em;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}
/* 15 px = 15 / 12 = 1.25em | 18/15 = 1.2em */
h4, .h4 {
    font-size: 1.25em;
    line-height: 1.2em;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}


/* 2.4 OTHER ELEMENTS 
----------------------------------------- */
a, a:visited {    
    text-decoration: none;      
}
a img{
	border: none;
}
input,
button {
    outline: none;    
}
input[type=text],
input[type=password],
select,
textarea {        
    line-height: 18px;          
    padding: .75em .5em;
    width: 250px;
}
select {
    width: 264px;
}


/*==============================================================================================
  3. LAYOUT STYLES 
================================================================================================*/

/* 3.1 MAIN LAYOUT
----------------------------------------- */
    .layout {
        width: 100%;
        min-width: 1072px;
        clear: both;   
        overflow: hidden; /* prevent border collapse */
    }
    .fixed-width {
        margin: 0 auto;
        width: 1000px;
        padding: 0 3em;          
    }    


/* 3.2 NETWORK
----------------------------------------- */
    .layout-network {   
    }
    .network-content {
        /* small-text, quarter-margin */
        font-size: .92em;
        line-height: 1.6364em;      
        padding-top: .41em;
        padding-bottom: .41em;          
    }
    .network-logo {
        float: left;      
    }
    .account-status {  
        float: right;        
    }    
    .currency-picker {
        float: right;
        width: 90px;
        height: 1.5em;        
    }
    .currency-picker .hoverarea {
        padding-top: 1px;           
        position: absolute;
        text-align: right;
    }
    .currency-picker .hoverarea .title {
        cursor: pointer;
    }

/* 3.3 BANNER
----------------------------------------- */
    .layout-banner {
        height: 7.5em;        
    }
    .banner-content { }
    .banner-nav { }
    .banner-nav-menu {        
        width: 100%;
        margin: 0;
        padding: 0;    
    }
    .banner-nav-menu li {
        float: left;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;    
        height: 7.5em;
    }
    .banner-nav-menu li h4 {
        line-height: 6em;
        margin-top: 0;
        margin-bottom: 0;        
    }
    .banner-nav-menu .menu-option {    
    }
    .banner-nav-menu .menu-logo {
        width: 250px;        
    }
    .banner-nav-menu .menu-info {
        text-align: right;    
        width: 282px;    
    }
    .banner-nav-menu .menu-createlisting {
        width: 150px;    
        text-align: center;
    }
    .banner-nav-menu .menu-search {
        width: 318px;
        text-align: right;
    }
    .menu-search .search-input {
        margin-top: 2.25em;    
        width: 286px !important;    
    }
    .menu-search .power-search-link {    
        font-size: .92em;
        line-height: 1.6364em; 
    }
    .site-logo {
        float: left;        
        padding: 0;
        margin: 0; 
        height: 90px;
        width: 250px;
        text-indent: -9999px;
    }


/* 3.4 BODY
----------------------------------------- */
    .layout-body { }
    .body-content {   
        padding-bottom: 1.5em;  
    }
    .breadcrumbs {   
        /* small text, half margin */ 
        font-size: .92em;
        line-height: 1.6364em;
	    padding-top: .82em;
        padding-bottom: .82em;
    }
    .body-header {        
    }
    .body-area {
    
    }


/* 3.5 FOOTER
----------------------------------------- */
    .layout-footer { }
    .footer-content { 
        margin-top: 1em;    
    }
    .footer-content .title {    
    }
    .footer-section {
        float: left;
        margin-right: 3em;    
    }
    .footer-disclaimer {
        width: 30%;
    }
    .footer-links {        
    }
    .footer-links .link-group {    
        float: left;
        margin-left: 3em;    
    }
    .footer-links .link-group-first {
        margin-left: 0 !important;
    }
    .footer-social {    
    }
    .social-link {
        text-indent: -9999px;
        float: left; 
        height: 36px;
        width: 36px;
        border: 0;
        cursor: pointer;
        background-repeat: no-repeat;
        margin-right: 3px;
    }
    .social-link.facebook-link {
        background-image: url('../images/facebook.png');        
    }
    .social-link.twitter-link {
        background-image: url('../images/twitter.png');
    }
    .footer-version {
        width: 100%;
        clear: both;
        margin-left: 0 !important;
        text-align: center;
        font-size: .92em;
        line-height: 1.6364em;
        margin-top: 1.6364em;
        margin-bottom: 1.6364em;
    }


/* 3.6 ADS 
---------------------------------------- */    
    .sidebar-ads {
        margin-top: 1.5em;
        text-align: center;    
    }    
    .ad-position1 {
        margin-bottom: 1.5em;
    }
    .ad-position2 {
        margin-bottom: 1.5em;
    }
    .ad-position3 {
        margin-bottom: 1.5em;
    }
    .ad-position4 {        
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }
    .ad-position5 {                
        margin-left: auto;
        margin-right: auto;
        width: 728px;
    }
    .ad-position6 {               
        margin-left: auto;
        margin-right: auto;
        width: 728px;        
    }
       
    
    
/* 3.7 ACCOUNT
----------------------------------------- */
    .account-nav {
        float: left;
        width: 132px;
        padding-right: 1.5em;    
    }
    .account-body {
        float: left;
        width: 850px;
    }    
    


/*==============================================================================================
  4. COMPONENT STYLES 
================================================================================================*/

/* 4.1 FORM 
------------------------------------------- */
    input[type=text].number {
        width: 75px;
        text-align: right;
    }
    form .date,
    form .datetime {
        width: 200px;
    }
    form input[type=text].decimal, 
    form input[type=text].integer {
        width: 100px;
        text-align: right;
    }
    .currency-input {
        width: 65px;
    }
    .buttons {
        clear: both;
        text-align: right;
        margin-top: .75em;
        margin-bottom: 1.5em;
        padding-top: .75em;    
    }
           

/* 4.2 LABEL VALUE LIST
-------------------------------------------- */
    .label-value-list {
        clear: both;
        overflow: hidden;
    }
    .label-value-list dt {
        float: left;
        clear: left;    
        font-weight: bold;
        margin-right: 1.5em; 
        margin-top: .75em;           
    }
    .label-value-list dd {              
        float: left;    
        margin-bottom: 1.5em;
    }

    .label-value-list.right-label dt {
        text-align: right;
    }    
    .label-value-list dt {
        width: 80px;
    }
    .label-value-list.large-label dt {
        width: 125px;
    }    
    .label-value-list .text-value-label {  
        /* Fixes spacing for when there is a text-value */
        margin-top: 0;  
    }
    .label-value-list.no-margins dt, 
    .label-value-list.no-margins dd {     
        margin-bottom: 0;
        margin-top: 0;
    } 
    

/* 4.3 MESSAGE BOX
------------------------------------------*/
    .message,
    .message-float {                        
        text-align: center;        
    }
    .message-float {
        position: fixed;
        top: 0px;
        width: 100%; 
        opacity: .95;
    }
    .message {
    }
    .message-content {
        padding-top: 1.5em;  
        padding-bottom: 1.5em;      
    }
    .message-close a {    
        cursor: pointer; 
    }
    .message.success {    
    }
    .message.warning {    
    }
    .message.error {    
    }
    .message.action {    
    }


/* 4.4 POST
------------------------------------------*/
    .post {
        margin-bottom: .75em;    
        padding-bottom: .75em;    
    }
    .post .seller {    
        width: 1.5em;    
        height: 38px;    
        float: left;        
    }
    .post .figure {      
        width: 50px;
        height: 38px;  
        margin-right: .75em;    
        margin-left: .25em;
        float: left;
        text-align: center;
    }
    .post figure img {
        max-width: 50px;
        max-height: 38px;
    }
    .post .title {    
        float: left;
        overflow: hidden;
        white-space: nowrap;    
        text-overflow: ellipsis;
        margin-top: 0;
        margin-bottom: 0;    
        width: 325px;       
        text-transform: capitalize;
    }
    .post .blurb {    
        text-transform: uppercase;       
        margin-top: 0;
        float: left;
        width: 325px;
    }
    .post .price {
        text-align: right;
        margin-top: 0;
        margin-bottom: 0;     
        float: right;
    }
    .post .location {
        float: right;
        text-transform: uppercase;     
    }


/* 4.5 PAGER
-----------------------------------------------*/
    .pager {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-weight: bold;    
    }
    .pager li {
        display: inline-block;
    }
    .pager .title {
        font-weight: bold;    
    }
    .pager .spacer {
        width: 2em;
    }

    .pager .hidden {
        visibility: hidden;
    }
    .pager .page.selected {    
    }
    .pager .page,
    .pager .prev,
    .pager .next {              
        line-height: 3em;     
        padding-left: 1em;
        padding-right: 1em;  
        margin-left: 1px;
        cursor: pointer;
        border-collapse: collapse;
    }


/* 4.6 HOVER LIST
-----------------------------------------------*/
    .hoverarea {  
        position: relative;   
        display: inline-block;
    }
    .hoverarea .title {        
        text-align: right;    
    }
    .hoverarea .body {
        z-index: 1;
        position: absolute;    
        float: none;
        display :none;    
        right: 0; 
        top: 0;           
        border-radius: 5px 0 5px 5px; 
        box-shadow: 2px 5px 5px #c0c0c0;
        padding: 1.5em;       
        white-space: nowrap;     
    }
    .hoverarea:hover .body,  
    .hoverarea .title:hover + .body,
    .hoverarea .body:hover {
        display: block;
    }


/* 4.7 ROTATOR WIDGET
------------------------------------------ */
    .rotator {
    }
    .rotator-section-container {
        overflow: hidden;
    }
    .rotator-section {
    }
    .rotator .rotator-buttons {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
        text-align: center;
    }
    .rotator .rotator-button {        
        height: 20px;
        width: 20px;            
        padding: 0;
        margin: 0 .375em;
        display: inline-block;
        cursor: pointer;
        padding-top: 0px;   
        border-radius: 12px; 
    }
    .rotator-button.selected {     
    }
    

/* 4.8 DIALOG WIDGET 
----------------------------------------- */
    .ui-widget-overlay { 
        position: absolute; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%;    
        opacity: .50;
        filter:Alpha(Opacity=50); 
    }
    .ui-dialog {
        overflow: hidden;    
        position: absolute;
        width: 300px;    
        border-radius: 10px;
        box-shadow: 2px 2px 5px #555;
    }
    .ui-dialog-titlebar {
            font-size: 1.5em;
        line-height: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 1em;
        font-family: RobotoCondensed, Arial;    
        text-transform: uppercase;
    }
    .ui-dialog-titlebar-close {
        float: right;    
        text-indent: -9999px;
        background-image: url('../images/dialog-close.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 18px;
        width: 18px;        
        margin-right: 3px;
        margin-top: -15px;
    }
    .ui-dialog-content {
        padding: 1.5em;    
        overflow: auto;    
    }
    .ui-dialog-buttonpane {
        padding: 1.5em;
        text-align: right;    
    }
    .ui-dialog-buttonpane .ui-button {
        margin-left: 5px;
        padding-top: .6em;
        padding-bottom: .6em;
    }
    

/* 4.9 TAB WIDGET
---------------------------------------- */
    .ui-tabs-nav {    
    }
    .ui-tabs-nav li {
        display: inline-block;        
        padding: 1.5em;
        width: 100px;
        text-align: center;
    }
    .ui-tabs-selected {    
        font-weight: bold;
    }
    .ui-tabs-panel {
        position: relative;        
        margin-bottom: 1.5em;
    }
    .ui-tabs-hide {
        display: none;
    }


/* 4.10 COMBOBOX WIDGET
----------------------------------------- */    
    .ui-combobox {
        position: relative;
    }
    .ui-combobox .ui-input {
        padding-right: 32px;
        width: 224px;
    }
    .ui-combobox .ui-combobox-arrow {        
        width: 17px;
        height: 18px;
        position: absolute;
        top: .75em; 
        right: .75em;  
        cursor: default;  
        background-image: url(../images/dropdown.png);
    }    
    .ui-combobox .ui-combobox-arrow:hover {
        background-image: url(../images/dropdown-selected.png);
    }
    .ui-combobox-list {
        position: absolute;        
        height: 300px;
        width: 262px;
        background-color: #ffffff;
        border-left: 1px outset #000000;
        border-right: 1px outset #000000;
        border-bottom: 1px outset #000000;
        z-index: 1000;
        overflow-y: scroll;        
    }        
    .ui-combobox-list .ui-combobox-listcontent {                      
        margin-top: 0;                
    }       
    .ui-combobox-list .ui-combobox-option {  
        padding-left: .75em;
        padding-right: .75em;
        white-space: nowrap;
        overflow: hidden;                      
        width: 226px;
        text-overflow: ellipsis;
        cursor: default;
    }    
    .ui-combobox-list .ui-combobox-option.selected,
    .ui-combobox-list .ui-combobox-option:hover {
        background-color: #009aea;
        color: #ffffff;
    }    
    
/* 4.11 CHECKBOX WIDGET
----------------------------------------- */    
    .ui-checkboxlist {
    }
    .ui-checkboxlist-selectedarea {                                  
    }
    .ui-checkboxlist-noneselected {
        margin-top: .75em;
        margin-bottom: 1.5em;
    }
    .ui-checkbox-selectedlist {
        display: none;
        width: 800px;        
        margin-top: .75em;
        margin-bottom: 1.5em;
    }
    .ui-checkbox-selectedlist li {
    }
    .ui-checkboxlist-lookuparea { 
        clear: both;               
        padding-top: 1.5em;          
        border-top: 1px solid #c0c0c0;
        width: 800px;
        overflow-x: scroll;
    }
    .ui-checkboxlist-searchbox {                    
    }
    .ui-checkboxlist-searchresults {               
        width: 3000px;     
    }
    .ui-checkboxlist-list {
        float: left;   
        margin-bottom: 0;         
    }
    .ui-checkboxlist-list li {
        width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .ui-checkboxlist-more {
        text-align: center;
        clear: both;
        margin-top: 1.5em;        
    }
    .ui-checkboxlist-more input[type=button] {        
    }

    
    
/* 4.12 INLINE LIST
----------------------------------------- */
    .inline-list {         
        float: left;
        margin-right: 1.5em;                
        margin-top: 0;
        width: 175px;
    }
    .inline-list li {             
        text-align: left; 
        display: block;                   
        background-repeat: no-repeat;
        background-position: 0 0;    
        overflow: hidden;
        white-space: nowrap;    
        text-overflow: ellipsis;   
        width: 175px;
    }            


/* 4.13 CATEGORY LIST
----------------------------------------- */
    .category-list {
        float: left;
        padding-right: 1.5em;   
        margin-top: 0; 
        width: 150px;
    }
    .category-list li {    
        height: 1.5em;
    }
    .category-link {
        float: left;        
        clear: both;
    }
    .category-list .level-0 {      
    }
    .category-list .level-1 {
        margin-left: 1.5em;
    }
    .category-list .level-2 {
    }     
     
    
/* 4.14 TERMS 
----------------------------------------- */
    .terms {
        list-style-type: upper-roman;
        margin-left: 3em;
        margin-top: 0;
    }
    .terms li {
        margin-bottom: 1.5em;   
    }


/* 4.15 RECAPTCHA
---------------------------------------- */
    .recaptcha-widget { 
        height: 135px;    
    }
    .recaptcha-image { max-width: 300px; border: 1px solid #c0c0c0; }
    #recaptcha_response_field { width: 288px; }    
    .recaptcha-input { margin-top: .75em; }
    .recaptcha-reload { margin-top: .75em; }
    .recaptcha-error { margin: 1em; }

/* 4.16 VALIDATION
---------------------------------------- */
    .input-validation-error {        
    }
    .field-validation-error {    
    }
    .validation-summary-errors {       
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        padding-top: 1.5em;
        padding-left: 1.5em;
    }
    .validation-summary-errors span {
        font-weight: bold;
    }
    .validation-summary-errors ul {
    }

/* 4.17 DATA TABLE 
----------------------------------------- */
    .data {        
    }
    .data thead tr {    
    }
    .data thead th,
    .data thead td,
    .data tbody td.title {
        font-weight: bold;
        text-align: center;    
    }
    .data th,
    .data td {        
        padding: .75em;      
    }
    .data tbody tr:nth-child(even) {    
    }  
    

/* 4.18 MISC
----------------------------------------- */    
    .loading {
        display: none;
        float: right;    
        width: 18px;
        height: 18px;
        height: 1.5em;
        line-height: 1.5em;
        margin-top: .75em;
    }

    .backgroundtext {    
    }

    .right-arrow {
        display: inline-block;
        width: 13px;
        height: 13px;    
        background-image: url(../images/right-arrow.png);
        background-repeat: no-repeat;
        background-position: -2px 0;
        margin: 0;
        padding: 0;
    }
    .widget {
        clear: both;           
    }


/*==============================================================================================
  5. PAGE STYLES 
================================================================================================*/

/* 5.1 HOME
----------------------------------------- */
    #welcomeRotator {
    }
    .home-widgets {        
    }
    .home-widgets .inline-list,
    .home-widgets .inline-list li {
        width: 182px; /* splits evenly across 1000 px for 5 col */
    }    
    

/* 5.2 LOCATION
----------------------------------------- */
    .category-selection-title {        
    }    
    .narrow-to {
        margin-top: -3em;
        float: right;
    }
    .location-widget {
    }
    

/* 5.3 SEARCH
----------------------------------------- */
    .filters-area {
        float: left;
        padding-right: 1.5em;
        width: 135px;
    }
    .listings-area {
        float: left;
        width: 529px;
    }
    .search-actions {
        margin-top: 1.5em;
        float: right;
    }
    input.search-within {
        width: 515px;
    }
    .applied-filters { 
        float: left;                
    }
    .applied-filters .clear-all {
        text-indent: -9999px;
        float: left;
        width: 18px;
        height: 18px;
        background-image: url(../images/remove.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        cursor: pointer;
        margin-right: 3px;
    }
    .applied-filters .title {
        float: left;
        margin-top: 0;
    }    
    .applied-filter {
        clear: left;
        font-size: .92em;
        line-height: 1.6364em; 
    }
    .applied-filter .label {    
        float: left;
        min-width: 125px;   
    }
    .applied-filter .value {
        float: left;
    }
    .applied-filter .remove {
        float: left;
        margin-right: 3px;
        width: 18px;
        height: 18px;
        text-indent: -9999px;   
        background-image: url(../images/remove.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        cursor: pointer; 
    }
    .filters {
    }
    .filter-title h4 { 
        margin-top: 0;                
    }
    .filter-section {
        margin-bottom: 1.5em;
        /* small-text */
        font-size: .92em;
        line-height: 1.6364em;
    }
    .filter-section-title {    
    }
    .filter-section-body {
    }
    .filter-option {
        display: block;
        padding-left: 18px;
        width: 117px;    
        background-image: url(../images/checkbox.png);
        background-repeat: no-repeat;
        background-position: 0 0;    
        overflow: hidden;
        white-space: nowrap;    
        text-overflow: ellipsis;
    }
    .filter-option.selected,
    .filter-option:hover {
        background-image: url(../images/checkbox-checked.png);
    }
    .filter-section-more {
        padding-left: 18px;
    }
    

/* 5.4 POWER SEARCH
----------------------------------------- */

    .render-options {
        float: left;
    }
    .render-controls {
        float: left;
        margin-top: .75em;
    }
    .render-options.number {
        width: 200px;
    }        

/* 5.5 POST DETAILS
----------------------------------------- */
    .post-details { 
        margin-bottom: 1.5em;
    }
    .post-details dd,
    .post-details dt {
        margin-top: 0;
        margin-bottom: 0;
    }
    .post-details .info {
        clear: both;
    }
    .post-details .info .price {    
        margin: 0;
    }
    .post-details .info .location {
        max-width: 240px;
    }
    .post-details .vendor {
        margin-top: 0px;
    }
    .post-details .fields {
        float: left;
        margin-bottom: 1.5em;
    }
    .post-details .content { 
        float: left;
        clear: left;  
    }
    .post-details .trade {
        clear: left;
        float: left;
        margin-top: 1.5em;        
    }
    .post-details .vendor-footer {
        clear: left;
        float:left;
        margin-top: 1.5em;
    }
    .post-details .images {
        clear: left;
        float:left;
        margin-top: 1.5em;
    }
    .post-details .images .larger-image:hover:before {
        content: "";
        position: absolute;
        display: block;        
        background-image: url(../images/image-plus.png);
        background-repeat: no-repeat;   
        height: 50px;
        width: 50px;                               
    }
    .prev-next-listings {
        float: right;
        margin-top: 1.5em;
    }

    .post-actions {    
        clear: right;
        float: right;    
        width: 122px; 
        text-align: center;       
    }
    .flag-options {
        text-align: left;
        font-size: .92em;
        line-height: 1.6364em;    
    }
    .contact-button {
        clear: right;
        float: right;
        margin: .75em 0 1.5em 1.5em;        
    }
    .post-details .legal-message {
        white-space: normal;
    }
    .post-recategorize-list {
        float: left;
        margin-right: 3em;
        width: 150px;
    }
    .post-recategorize-list ul {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 1.5em;
    }


/* 5.6 POST EDITOR 
----------------------------------------- */
    .post-editor {
        float: left;    
    }
    .post-editor .trade-row {
        display: none;
    }
    .post-editor input[type=text] {
        width: 500px;
    }
    .post-editor textarea {
        width: 500px;
        height: 100px;
    }
    .post-editor .price-input {
        width: 100px !important;
    }    
    .post-editor .type-input {
        width: 100px;
    }
    .post-editor .title-input {
        width: 397px !important;
    }
    .post-editor .category-select-container {
        max-width: 902px;
    }    
    .post-editor .category-list {
        margin-bottom: 0;
    }
    .post-editor .image-options h4 {
        display: inline;
    }
    .post-editor .link-image-controls input[type=text] {
        width: 418px;
    }
    .post-editor .inline-list {
        margin-top: .75em;
        margin-bottom: 0;
    }
    .post-editor .fields-container {
        margin-top: .75em;
        padding-top: 1.5em;        
    }
    .field-note {
        display: inline;
        margin-left: .75em;        
        padding: .75em;       
    }
    .submit-message {
        display: none;
    }
    .terms-fail {
        float: right;
        font-weight: bold;    
        display: none;
    }
    .post-editor-nav {
        overflow: auto;       
    }

    .post-editor-nav ul,
    .post-editor-nav ol {
        float: left;
        margin: 0;           
        width: 100%;
    }
    .post-editor-nav li {
        margin: 0;
        float: left;
        padding-top: 1.5em;
        padding-bottom: 1.5em;    
        text-align: center;
        width: 142px;      
    }    
    .post-editor-nav .title {
        font-weight: bold;    
    }
    .post-editor-nav .success {    
    }
    .post-editor-nav .selected {        
        font-weight: bold;
    }
    .post-editor .category-list {
        margin-top: 1.5em;
        width: 125px;
    }
    .post-editor .location-list {
        margin-top: 1.5em;
        width: 150px;
    }
    .post-editor .location-list li {
        width: 150px;
    }
    .post-activation-notice {
    }
    .post-activation-notice ul {
        list-style-type: circle;
        margin-left: 1.5em
    }
    .post-again-nav {
        margin-bottom: 1.5em;
    }

    .post-status .button {
        width: 125px;
        float: left;
    }
    .post-status .button-note
    {
        float: left;
        padding-left: 1.5em;
        margin-top: .5em;    
    }
    

/* 5.7 POST MESSAGE 
----------------------------------------- */
    .post-message-editor {
        float: left;
    }
    .post-message-editor .message-text,
    .post-message-editor .sender-email {
        width: 415px;
    }
    .post-message-editor .message-text {
        height: 53px;
    }
    .post-message-editor .terms-fail {
        float: none;
    }


/* 5.8 CREATE ACCOUNT
----------------------------------------- */
    .new-account-form {
        float:left;
        margin-right: 1.5em;
    }
    .account-benefits {
        float:left;
    }
    

/* 5.9 ACCOUNT HOME 
---------------------------------------- */
    .account-section {
        margin-bottom: 1.5em;
        border-top: 1px solid;
    }
    .account-section dd,
    .account-section dt {
        margin-top: 0;
        margin-bottom: 0;
    }
    .account-feature {
        padding-left: 18px;
        background-image: url(../images/checkbox.png);
        background-repeat: no-repeat;
        background-position: 0 0;    
    }
    .account-feature.enabled {
        background-image: url(../images/checkbox-checked.png);
    }
    .delete-identifier {
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url('../images/remove.png');
        background-repeat: no-repeat;
        text-indent: -9999px;
    }
    
    

/* 5.10 POST HISTORY
---------------------------------------- */
    .post-history-controls .selected {
        font-weight: bold;
    }
    .post-history {        
        border-collapse: collapse;
    }
    .post-history td, th {
        padding-left: .5em;
        padding-right: .5em;     
        padding-top: .5em;
        padding-bottom: .5em;   
        vertical-align: middle;            
    }
    .post-history th {
        font-weight: bold;
    }
    .post-history .controls {                 
    }
    .post-history .id {            
        text-align: right;
    }
    .post-history .date {        
        text-align: right;
    }
    .post-history .status {        
        text-align: left;
    }
    .post-history .row {        
        width: 515px;        
    }
    .post-history .row .post {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    

/* 5.11 FAVORITES
----------------------------------------- */
    .post-favorite {
        float: left;
        clear: left;
    }
    .post-favorite .controls {
        float: left;
        padding-right: 1.5em;
    }
    .post-favorite .info {
        float: left;
        padding-right: 1.5em;
        width: 185px;
    }
    .post-favorite .row {
        float: left;
        width: 515px;
    }
    
    
/* 5.12 SEARCH ALERTS 
---------------------------------------------- */
.search-alert-list {
}
.search-alert-list .search-alert {
    float: left;
}
.search-alert-actions {
    margin-top: .75em;
    float: right;
}   
 

/* 5.13 CONTESTS 
------------------------------------------- */
    #contest {   
        padding-bottom: 1.5em;       
    }
    .contest-info-body {
    }
    .contest-section {
        margin-bottom: 1.5em;  
        padding-left: 3em;
        padding-right: 3em;         
    }
    .section-title { }
    

/* 5.14 FAQS
-------------------------------------------- */
    .faqs {
    }
    .faqs .faq-section-title {    
    }
    .faqs .faq-section {
    }
    .faqs .question {
        font-weight: bold;
        cursor: pointer;
    }
    .faqs .answer {
        display: none;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        margin-left: 1.5em;
    }
    .faqs .show {
        display: block;
    }
    .faqs .faq-section-title a,
    .faqs .question a {    
    }


/*==============================================================================================
  6. FORMATTING STYLES 
================================================================================================*/

/* 6.1 SIZING 
----------------------------------*/
    .margin-top {
        margin-top: 1.5em;
    }
    .margin-bottom {
        margin-bottom: 1.5em;
    }
    .no-margin-top {
        margin-top: 0;
    }
    .no-margin-bottom {
        margin-bottom: 0;
    }
    .pad-left {
        padding-left: 1.5em;
    }
    .pad-right {
        padding-right: 1.5em;
    }
    .pad {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    .size-full,
    .size-700,
    .size-300,
    .size-50p,
    .size-33p,
    .size-40p,
    .size-60p {
        float: left;
    }
    .size-full {
        width: 1000px;
    }
    .size-full.pad {
        width: 928px;
    }
    .size-full.pad-left,
    .size-full.pad-right {
        width: 964px;
    }
    .size-700 {
        width: 700px;
    }
    .size-700 .pad {
        width: 664px
    }
    .size-700.pad-left,
    .size-700.pad-right {
        width: 682px;
    }
    .size-300 {
        width: 300px;
    }
    .size-50p {
        width: 50%;
    }
    .size-33p {
        width: 33%;
    }
    .size-60p {
        width: 60%;
    }
    .size-40p {
        width: 40%;
    }

/* 6.2 DISPLAY STYLES
----------------------------------------- */    
    .hide {
        display: none;
    }
    .show {
    }
    .clear {
        clear: both;
    }
    .clear-left{ 
        clear: left;
    }
    .float-left {
        float: left;
    }
    .float-right {
        float: right;
    }
    .border-collapse {
        border-collapse: collapse;
    }
    .italic { 
        font-style: italic;
    }
    .bold {
        font-weight: bold;
    }
    .align-right {
        text-align: right;
    }
    ol.decimal-list {
        list-style-type: decimal;
        margin-left: 1.5em;
    }
    ol.roman-list {
        list-style-type: upper-roman;
        margin-left: 1.5em;
    }
    ul.disc-list {
        list-style-type: disc;
        margin-left: 1.5em;
    }
    a.subnav-link {    
        font-weight: bold;    
        cursor: pointer;
        font-size: .92em;
        line-height: 1.6364em;
    }
    .error-details {
        background-image: url(../images/derp.jpg);
        height: 283px;
        width: 475px;   
        margin-top: 1.5em;     
        display:none;
    }

/* 6.3 BUTTONS
----------------------------------------- */    
    button,
    input[type=button],
    input[type=submit],
    .ui-button {
        border: 0;
        padding-top: .75em;
        padding-bottom: .75em;
        padding-left: 1.5em;
        padding-right: 1.5em;
        font-weight: bold;    
        cursor: pointer;
        margin-bottom: .375em;                                          
        border-radius: 4px;                  
        transition:all 0.2s linear;            
    }        
    button:hover,
    input[type=button]:hover,
    input[type=submit]:hover,
    .ui-button:hover {    
    }    
    button,
    input[type=button]:disabled,
    input[type=submit]:disabled,
    .ui-button:disabled {    
        cursor: default;
    }

/* 6.4 CLEAR FIX
----------------------------------------- */
    .clear-fix:before,
    .clear-fix:after {
        content:"";
        display:table;
    }
    .clear-fix:after {
        clear:both;
    }
    .clear-fix {
        zoom:1;
    }