/*-------------------------------------------------------------------------------
 Public Classified CSS for supplierbank
 by Simon Pollard - Deckchair UK Ltd
 http://deckchair.co.uk
-------------------------------------------------------------------------------*/

.purple {
    color: #930157;
}

#left_content {
    width: 700px;
    float: left;
}

#left_content h3 {
    margin-bottom:  0px;
}


#right_content {
    float: right;
    width: 222px;
    margin-bottom: 20px;
}


h3.h3_search {
	background: url(../graphics/classifieds/public/mag_glass.gif) no-repeat left center;
        padding-bottom: 10px;
        padding-left: 35px;
}
p.h3_p {
        padding-left: 35px;
        margin-top:  -10px;
}

/* Search Box */
#search_classifieds {
	background: url(../graphics/classifieds/public/ad_search_bg.gif) no-repeat;
	padding-left: 20px;
	padding-right: 20px;
	width: 634px;
	padding-top: 10px;
	height: 63px;
	border-top: 2px solid #92125e;
        margin-bottom:  30px;
        clear: both;
}
#search_classifieds div {
	float: left;
	margin-right: 20px;
}
#search_classifieds label {
	display: block;
	margin-bottom: 3px;
}
#search_classifieds #classifieds {
	border-left: 3px solid #92125e;
	border-right: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	width: 380px;
	padding: 2px;
}
#search_classifieds #type {
        width: 100px;
	border-left: 3px solid #92125e;
	border-right: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}
#search_classifieds #search_classifieds {
	background: url(../graphics/classifieds/public/search.gif) no-repeat #684fa8;
	width: 81px;
        padding-left: 35px;
	height: 26px;
        padding-top: 5px;
	border: none;
	text-align: right;
	margin-top: 13px;
	cursor: pointer;
}
p.search_for {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0px;
	background: url(../graphics/form_divider.gif) bottom repeat-x;
	border-left: 1px solid #ebe9e9;
	border-right: 1px solid #ebe9e9;
}
p.search_for span {
	background: url(../graphics/down_arrow_black.gif) left center no-repeat;
	padding-left: 20px;
}




/* Categories list box */
#classified_type_tabs {
    background:  url(../graphics/classifieds/public/unselected_tab_bg.jpg) repeat-x bottom;
    width: 674px;
}

#left_content h3.classifieds_tab {
    border-left: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 2px solid #cacaca;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 172px;
    float:  left;
    padding: 10px 5px 10px 45px;
    float:  left;
}


.type_1 #left_content h3#companies_tab, .type_2 #left_content h3#jobs_tab,
.type_3 #left_content h3#events_tab {
    background:  none;
    border-left: 2px solid #cacaca;
    border-top: 2px solid #cacaca;
    border-right: 2px solid #cacaca;
    border-bottom:  2px solid #fff;
    width: 170px;
}

#left_content h3#companies_tab {
    background:  url(../graphics/classifieds/public/companies_selected_icon.gif) 10px center no-repeat;
}
.type_1 #left_content h3#companies_tab {
    background:  url(../graphics/classifieds/public/companies_selected_icon.gif) 10px center no-repeat #fff;
}
#left_content h3#jobs_tab
{
    background:  url(../graphics/classifieds/public/jobs_icon.gif) 10px center no-repeat;
}
.type_2 #left_content h3#jobs_tab {
    background:  url(../graphics/classifieds/public/jobs_icon.gif) 10px center no-repeat #fff;
}
#left_content h3#events_tab {
    background:  url(../graphics/classifieds/public/events_icon.gif) 10px center no-repeat;
}
.type_3 #left_content h3#events_tab {
    background:  url(../graphics/classifieds/public/events_icon.gif) 10px center no-repeat #fff;
}


.column {
    width: 200px;
    float: left;
    clear: right;
}
.column_float {
    width: 200px;
    float: left;
    margin-right:  10px;
    padding-right:  10px;
    border-right:  1px solid #e5e5e5;
}
#public_category_list {
    width: 650px;
    padding: 20px 10px 10px 10px;
    border-left:  2px solid #cacaca;
    border-right:  2px solid #cacaca;
    border-bottom:  2px solid #cacaca;
    margin-bottom:  20px;
    clear: both;
}

#public_category_list a:hover {
    text-decoration:  underline;
}

.pusher {
    clear: both;
}

/* Listing of adverts */
.subcat_list {
    width: 200px;
    float: left;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-top: 1px solid #cecece;
}
.subcat_list p {
    border-bottom: 1px solid #cecece;
    margin-bottom: 0px;
    padding: 5px;
    background: #fafafa;
}
.subcat_list p.selected {
    background: #fff;
}
#left_content .subcat_list h5 {
    background:  url(../graphics/classifieds/public/cat_list_header.jpg) repeat-x #e2eef2;
    padding: 5px 5px 10px 5px;
    margin-bottom: 0px;
}
.adverts_small {
    padding-left:  220px;
}
.adverts_search {
    width: 660px;
}

.classified_listing_small p {
    padding-left: 80px;
    margin-bottom: 3px;
}
.adverts_small p.results {
    padding-left: 0px;
    padding-bottom: 10px;
    border-bottom:1px solid #CACACA;
}
.adverts_search p, .adverts_search p a  {
    padding-right: 25px;
}
.classified_listing_small  {
    padding-top: 15px;
    padding-bottom: 12px;
    border-bottom:   1px solid #cacaca;
}
#main_listing .classified_listing_small {
    border-top:   1px solid #cacaca;
}
.classified_listing_small img.logo {
    float: left;
    width: 45px;
    height: 45px;
    padding: 5px;
    border: 1px solid #ebe9e9;
}
.classified_listing_small p a {
    word-wrap: break-word;
}
.adverts_search .classified_listing_small img.type {
    float: right;
}

/* Right hand column */
#create_classified {
    background:  url(../graphics/classifieds/public/create_classified.jpg) no-repeat;
    width: 222px;
    padding-top: 10px;
    height: 66px;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
.random_ad_small {
    border-top:   1px solid #cacaca;
    padding-top: 10px;
    padding-bottom: 7px;
    width: 222px;
}

#min_listing .random_ad_small {
    border-bottom:   1px solid #cacaca;
}

#pagination {
    margin-top: 20px;
    float: right;
    clear: right;
    margin-bottom: 20px;
}
#pagination a.page_link, .current {
    display: block;
    float: left;
    border: 1px solid #cacaca;
    padding-top: 6px;
    height: 20px;
    width: 25px;
    text-align: center;
}
#pagination a.page_link {
    background: url(../graphics/classifieds/public/pagination_bg.gif) repeat-x bottom;
}
.current {
    background: url(../graphics/classifieds/public/pagination_bg.gif) repeat-x bottom;
}
.prev, .next {
    display: block;
    float: left;
    padding-top: 7px;
    height: 21px;
    width: 42px;
    text-align: center;
}
.prev {
    background: url(../graphics/classifieds/public/pagination_prev.gif) no-repeat;
}
.next {
    background: url(../graphics/classifieds/public/pagination_next.gif) no-repeat;
}

a.view_all_classifieds {
    background: url(../graphics/classifieds/public/back_to.gif) no-repeat;
    padding-left:  40px;
    width: 182px;
    padding-top: 7px;
    height: 29px;
    display: block;
}
.classifieds_main_link {
    position: relative;
    height:32px;
    margin-bottom:30px;
    padding-bottom:20px;
    padding-top:20px;
    display: block;
}
.classifieds_main_link img {
    border: none;
    position: absolute;
    left: 0px;
    top: 22px;
}
.classifieds_main_link h2 {
    position: absolute;
    left: 40px;
    top: 0px;
}

/* view advert */
#view_advert {
    width: 700px;
    background: #f9f9f9;
    border-top: 2px solid #930157;
    border-left: 1px solid #eae8e8;
    border-right: 1px solid #eae8e8;
}
#view_advert_footer {
    background: url(../graphics/classifieds/public/view_ad_footer.gif) no-repeat bottom;
    width: 700px;
    height: 14px;
    margin-bottom: 20px;
}
#view_advert_ad {
    float: left;
    width: 480px;
}
#view_advert_ad h3 {
    padding: 20px 20px 20px 20px;
    border-bottom: 1px solid #eae8e8;
    margin-bottom: 20px;
    word-wrap: break-word;
}
#view_advert_ad p,#view_advert_ad h5, #view_advert_ad ul  {
    padding-left: 20px;
    padding-right: 20px;
}
#view_advert_ad p.advert_extra, #view_advert_ad p.advert_extra_small_left,
#view_advert_ad p.advert_extra_small_right {
    border-top: 1px solid #EAE8E8;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#view_advert_ad p.advert_extra_small_left, #view_advert_ad p.advert_extra_small_right {
    float: left;
}
#view_advert_ad p.advert_extra_small_left {
    width: 100px;
}
#view_advert_ad p.advert_extra_small_right  {
    width: 300px;
}
#view_advert_ad p.advert_extra {
    clear: left;
}


#view_advert_comp {
    float: right;
    width: 219px;
}
#view_advert_comp img {
    width: 178px;
    padding: 20px;
    background: #fff;
    border-bottom:  1px solid #eae8e8;
    border-left: 1px solid #eae8e8;
}
#view_advert_comp h5 {
    padding-left:  20px;
    padding-right: 20px;
    border-bottom:  1px solid #eae8e8;
    border-left: 1px solid #eae8e8;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0px;
}
#view_advert_comp p {
    padding-left:  20px;
    padding-right: 20px;
    border-bottom:  1px solid #eae8e8;
    border-left: 1px solid #eae8e8;
    padding-bottom: 10px;
    margin-bottom: 0px;
    word-wrap: break-word;
}
#view_advert_comp p.purple {
    border-bottom: none;
    padding-bottom: 0px;
    padding-top: 10px;
}

#view_advert_categories {
    width: 700px;
    background: #f9f9f9;
    border-top: 2px solid #930157;
    border-left: 1px solid #eae8e8;
    border-right: 1px solid #eae8e8;
    border-bottom: 1px solid #eae8e8;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#view_advert_categories h5 {
    padding-left:  20px;
    padding-right: 20px;
    border-bottom:  1px solid #eae8e8;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
}
#view_advert_categories p {
    padding-left:  20px;
    padding-right: 20px;
}

#left_content {
    width: 700px;
    float: left;
}

.add_bullet, .remove_bullet {
    background: #930157;
    color: #fff;
    padding: 4px;
    font-weight: 700;
}
