* {
    padding: 0;
    margin: 0;
}
html {border: none;}
body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    background: #fff;
}

img {
    border: none;
}

table, form, td, tr, th {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: none;
    border-width: 0;
}

a:link, a:visited, a:active, a:focus {
    color: #0192B5;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/*
    Utility Classes
*/

.clear:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
    
/* IE fixes */
* html .clear {
    height: 1%; /*IE 6*/
}
.clear {
    min-height: 1%;
}

#header,
#content,
#footer {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}


    /*
        Listing Header
    */
    #listing-header {
        background: #f6f8f5;
        margin: 0 0 17px;
        height: 15px;
        padding: 7px 15px;
    }
        #listing-header .total,
        #listing-header .pager,
        #listing-header .pages,
        #listing-header .pages li,
        #listing-header .controls,
        #listing-header .view-type {
            float: left;
        }
        #listing-header .total {
            color: #787a77;
            line-height: 16px;
            padding-right: 15px;
            background: url("/images/grey_bullet.gif") no-repeat right center;
        }
        #listing-header .view-type {
            float: right;
        }
            #listing-header .view-type a,
            #listing-header .view-type span {
                padding: 0 1px;
                color: #666666;
                text-decoration: underline;
            }
            #listing-header .view-type span {
                color: #cb7319;
                text-decoration: none;                
            }


.listings .listing-number  {
        color: #fff;
        font-size: 2.0em;
        margin: 0 3px 0 0;
        float: left;
        padding: 5px;
        background: #a5adab;
        }

.listings .listing-number-one  {
        color: #fff;
        font-size: 2.0em;
        margin: 0 3px 0 0;
        float: left;
        padding: 5px;
        background: #de0ecb;
        }


            
    /*
        Sorting Styles
    */
    
    
    /*
        Listings
    */
    .listings  {
        list-style: none;
	font-size: .75em;
    }
        .listings li {
            width: 160px;
            height: 189px;
            border: 1px solid #EAEAEA;
            padding: 6px;
            float: left;
/*            position: relative;*/
            margin-right: 7px;
            margin-bottom: 24px;
            display: inline;
        }
        .listings li.third {
            margin-right: 0;
            margin-left: 1px;
        }
        .listings .listing-thumb {
            display: block;
            width: 155px;
            height: 125px;
        }
            .listings .listing-thumb img {
                display: block;
                width: 155px;
                height: 125px;
                border: none;
                
            }
        .listings .listing-title {
            margin-top: 5px;
            height: 10px;
            line-height: 10px;
            overflow: hidden;
        }
        .listings .listing-title a {
            color: #666666;
        }
        .listings .listing-maker {
            line-height: 8px;
        }
        .listings .listing-maker a {
            color: #B2B2B2;
        }
        .listings .listing-price {
            float: right;
            line-height: 14px;
            margin-top: -5px;
            color: #78C042;
        }
        


    /*
        PAGER
    */
    /* IE Only */
    .pager-table {
        text-align: center;
    }
    .pager-table form {
       width: 130px; 
    }
    
    /* END IE */
    .pager {
        height: 80px;
        clear: both;
        display: table;
        color: #666666;
        padding: 15px 15px 0;
    }
    
        .pager p, .pager .pages, 
        .pager .pages li, .pager form {
            float: left;
        }
        .pager p, .pager label {
            line-height: 1.8em;
            font-size: .9em;
        }
        .pager .pages {
            font-size: 1.2em;
            padding: 0 8px;
            list-style: none;
        }
            .pages li {
                margin: 0 5px;
            }
            .pages li.active a,
            .pages a.active {
                font-weight: bold;
                color: #cb7319;
            }
        .pager form {
            padding: 0 8px;
        }
        .pager form input {
            width: 3em;
            margin: 0 0 0 5px;
        }
        .pager form input,
        .pager form button,
        .pager form label {
            vertical-align: middle;
        }

        /*
            Header pager 
        */
        .pager-header {
            clear: none;
            float: left;
            height: auto;
            padding-left: 10px;
        }
            .pager-header .pages {
                font-size: 1.2em;
                list-style: none;
                padding-right: 4px;
            }
            .pager-header .pages li {
                margin: 0 4px;
            }

        .pager-header .controls a {
            display: inline;
            float: left;
            width: 10px;
            height: 16px;
            text-indent: -999em;
            margin: 0 5px;
            overflow: hidden;
        }
            .pager-header .controls a.previous { background: url("/images/icon_large_arrow_left_blue.gif") no-repeat;}
            .pager-header .controls a.previous-disabled { background: url("/images/icon_large_arrow_left_grey.gif") no-repeat;}

            .pager-header .controls a.next { background: url("/images/icon_large_arrow_right_blue.gif") no-repeat; }
            .pager-header .controls a.next-disabled { background: url("/images/icon_large_arrow_right_grey.gif") no-repeat; }

        /* Default pager controls */
        .pager .controls {
            display: block;
            clear: both;
            float: none;
            width: 88px;
            padding: 10px 0 0;
            margin: 0 auto;
        }
        .pager .controls a {
            display: inline;
            float: left;
            width: 40px;
            height: 41px;
            text-indent: -999em;
            margin: .5px;
            overflow: hidden;
        }
            .pager .controls a.previous { background: url("/images/icon_page_arrow_left_on.gif");}
            .pager .controls a.previous-disabled { background: url("/images/icon_page_arrow_left_off.gif");}

            .pager .controls a.next { background: url("/images/icon_page_arrow_right_on.gif"); }
            .pager .controls a.next-disabled { background: url("/images/icon_page_arrow_right_off.gif"); }


/*  Unified Messaging styles
    Expects a structural markup like this:
    
    <div class="message message-<type>">
        <span class="icon"></span>
        <h4>Title of message</h4>
        <p>Content of message</p>
    </div>
 */
.message {
    margin: .5em;
    padding: 12px 12px 12px 0px;
    background: #f6f8f5;
    position: relative;
    color: #333333;

    /* Min Height */
    min-height: 24px;
    height: auto !important;
    height: 24px;
}
    .message h4 {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1.2em;
        margin: 0.4em 0  0 59px;
    }
    .message p {
	    margin: 0 0 0 59px;
    }
    .message .icon {
        width: 32px;
        height: 30px;
        display: block;
        position: absolute;
        top: 10px;
        left: 12px;
        background-image: url("/images/sprites/icons-messaging-32x30.gif");
    }
    .message-error h4 { color: #a80308; }
    .message-error   .icon { background-position: 0px 0; }
    .message-warning .icon { background-position: -32px 0; }
    .message-success .icon { background-position: -64px 0; }
    .message-notice  .icon { background-position: -96px 0; }
    .message-info    .icon { background-position: -128px 0; }

/* Messages without icons */

.message-empty {
	padding: 12px;
	background-color: #FFF;
	border: 1px solid #FFE6D5;
}
	.message-empty p {
		margin: 0;
	}

/* Messages with "Close" buttons */

.with-close p {
    margin-top: 1em;
}
.message-empty p:first-child {
	margin: 1.5em 0 0;
}
.with-close .close {
	margin: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 11px;
}
.with-close .close a:link,
.with-close .close a:visited {
	color: #666;
}
.with-close .close a:hover,
.with-close .close a:active {
	color: #222;
}

* html .with-close .close,
*:first-child+html .with-close .close {
    top: 3px;
    right: -38px;
}

* html .message-empty p {
    padding-top: 1em;
    margin-top: 0;
}

.message p {
    margin-top: .5em;
}


/*
    Human Message styles
*/

.ui-humanmessage {
    height: 75px;
    width: 400px;
}

    .ui-humanmessage .ui-widget-shadow {
        background: black;
    }
    .ui-humanmessage .ui-widget-content {
        color: white;
        font-size: 2em;
        padding: 1em;
        text-align: center;
    }