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

/*-------------------------------------------------------------------------------
Font Families
*/
body, textarea {
	font-family: Verdana, Myriad Web Pro, Geneva, Lucida Grande, Helvetica, sans-serif;
}

/*-------------------------------------------------------------------------------
Font Sizes
*/
h1, h1 a, #index_top h2 {
	font-size: 28px;
}
h2, h2 a {
	font-size: 26px;
}
#index_why h3, #index_top .index_top_extra a h3 {
	font-size: 24px;
}
#classified_ad h4 {
	font-size: 23px;
}
#classified_type h2 {
	font-size: 22px;
}
#index_top a span {
	font-size: 21px;
}
h3,.main_news_story h3 a, #page_content h3, .classifieds_info h5,
#create_classified, #left_content #view_advert_ad h3, #why_join div h3,
#why_join h2, #why_buyer h2, #stats h2  {
	font-size: 20px;
}
#index_buyer h3, .index_why_connections h4, .index_why_buyers h4, #index_top a {
	font-size: 19px;
}
h4, .profile_classifieds h3, .acount_welcome h3, .acount_unfinished h3,
.acount_finished h3, .company_message h3, .error h3, .success h3,
.company_message_small h3, .standard_welcome p {
	font-size: 18px;
}
.profile_company p, #index_sbank_news h3 {
	font-size: 17px;
}
h5, .big_p, .profile_classifieds a, #index_top p, .sub_news_story h4 a,
.class_sign_up p, #classified_ad h4 span, .error h4,
div#ad_content p.summary,
div#form table.classified td,
table#checkout td,
table#checkout th, #left_content h3, #left_content h3.classifieds_tab a,
#left_content h3.selected a, .standard_welcome .company_hq input,
.standard_welcome a.button {
	font-size: 16px;
}
.profile_sbank_news h3, .profile_sbank_feeds h3, .pricing,
.profile_edit_nav a, #sup_seen h3,
div#classified_type strong,div#listing h3, #company_classifieds_list h3,
#main_listing .ad_standard .text p a, #min_listing p a, .adverts_small p a,
.adverts_search p a, #right_content .random_ad_small a,  .classified_listing_small p a {
	font-size: 15px;
}
h6, .profile_company a,
.profile_company input,
.add_account_link, .acount_unfinished input, .acount_finished input, .acount_welcome input,
#index_why div p, #index_buyer p, #index_buyer p a, #index_sbank_news p a,
.footer_twitter h6 a, .footer_contact h6,
p.page_large,
.sign_up, .sign_up a, .cost_small,
.cost_large, .error h5,
.success a,
div#classified_type ul, div#classified_type input,
.company_message_small a, #left_content h5, #left_content h5 a,
#create_classified span, .classified_complete_next a {
	font-size: 14px;
}
div#userLoginPanel span.user_name, #main_nav li a, div#userLoginPanel a,
.profile_sbank_news a, a#view_all_news, .profile_sbank_feeds div a, .company_message a,
#index_why div p a, .classifieds_info ul, div.comapnies_list input,
#view_advert_categories p, #company_nav a, #userLoginPanel .login,
#userLoginPanel #usernav_comphq, #banner a {
	font-size: 13px;
}
p, em, blockquote, strong, ul, ol, dl, a, table, input#loginpanel-login,
div#userLoginPanel #logout, .footer_twitter p, .footer_contact p, #approve_con,
#reject_con, textarea, #search_classifieds label, #index_top .index_top_extra a p,
.company_message_small_classifieds span{
	font-size: 12px;
}
#date, form#login label, ul.errors li, p#account_error, div.section label,
.profile_sbank_news p, .profile_sbank_feeds div p, .next_step p, .next_step p a,
.copywrite, .copywrite a, .footer_twitter .twitter_date, #userLoginPanel .forgotten_pass,
#classified_ad ul, #footer_content .footer_links a,
div.section p span, #company_classifieds_list p.create_p,
#search_classifieds #search_classifieds, #left_content .subcat_list h5 a,
.subcat_list p, .subcat_list p a, #pagination a.page_link, .current, .prev, .next {
	font-size: 11px;
}

/*-------------------------------------------------------------------------------
FONT COLOURS
*/
h1 a,
div#userLoginPanel span.user_name, #main_nav li a,
input#loginpanel-login, div#userLoginPanel label,
.copywrite, .copywrite a, div#userLoginPanel #logout,
.profile_classifieds, .profile_classifieds h3, .profile_classifieds a,
.profile_company a, a#view_all_news, .profile_company input, .add_account_link,
.acount_unfinished input, .acount_finished input, .acount_welcome input,
.company_message a, #index_top a, #index_why div p a, #approve_con, #reject_con,
.sign_up a, .pricing, .profile_edit_nav a, .class_sign_up a,
input#send_contact,
#classified_ad h4,
#classified_ad a,
#footer_content .footer_links a,
.success a,
div#classified_type input,
div.form_help a#edit,
div.form_help a#publish,
.company_message_small a,
form input.green, form input.blue, form input.red,
div.form_help a.blue, #company_classifieds_list p.create_p a,
#search_classifieds, #right_content a#create_classified, 
.classified_edit_nav a, a.view_all_classifieds, #userLoginPanel .user_name,
#userLoginPanel .login, #cover-content h3, #cover-content a,
#cover-content input#feeback_form_submit, #feedback_link, .standard_welcome a.button,
.standard_welcome .company_hq input, #why_join div.connections a,
#why_join div.classifieds a.button, .classified_complete_next a
{
	color: #FFF; /* White */
}
form#register label, div.section label, .cost_small, .cost_large {
	color: #1f1758;
	/* color: #143268; */ /* dark blue */
}
#date {
	color: #457fb6; /* light blue */
}
.profile_company p, .profile_company label, #index_sbank_news a#view_all_news,
.connections .profile_small_box h4 {
	 color: #058fc0; /* lightish blue */
 }
#edit_account, .profile_sbank_news a#view_all_news,
.comp_profile_sbank_news a#view_all_news, .comp_profile_classifieds p a,
.comp_profile_connections p a, .main_news_story .date, .sub_news_story .date,
.main_news_story h3 a, .sub_news_story h4 a, .main_news_story a, .sub_news_story a,
.company_message a.verify, .footer_twitter a, .footer_contact a,
.company_message_verify input, div.comapnies_list input, div.email_success a {
	color: #1591bd; /* form blue */
}
a,
div#main_listing div.ad_standard div.text h4,
div#min_listing div.ad_minimal div.text h4,
a.prev, a.next {
	color: #0a379e; /* medium blue */
}
div#userLoginPanel a, #userLoginPanel #usernav_comphq, #banner a {
	color: #beeeff; /* neon light blue */
}
#index_top h2, #index_why h3, #index_buyer h3,#classified_type h2,
div#classified_type strong,
div#form table.classified td.save, #left_content h3.classifieds_tab,
#left_content h3.classifieds_tab a, #left_content h3.selected a
{
	color: #0f4d83; /* similar blue to header */
}
.index_why_buyers h4 {
	color: #3150b7; /* Another blue */
}
#footer_content h6, .footer_twitter h6 a {
	color: #336895; /* Kind of a musky blue */
}
h2 {
	color: #0f3353;
}
.profile_message h3, .acount_welcome h3, .profile_sbank_news h3, .profile_sbank_feeds div h3,
.acount_unfinished h3, .acount_finished h3, .comp_profile_sbank_news h3,
.comp_profile_sbank_feeds div h3, .comp_profile_classifieds h3, .comp_profile_connections h3,
.company_message h3, .comp_profile_reports h3, .more_news h4, .error h4,div#listing h3,
.company_message_small h3, #company_classifieds_list h3, #why_join div.connections span,
#why_join div.classifieds ul span, .index_top_extra a p {
	color: #000; /* black */
}

#userLoginPanel ul.errors li, #userLoginPanel p#account_error{
    color: #fff6c4;/* error yellow */
}

.index_why_connections h4, .connect h3, #why_join div.connections h3,
#why_join div.connections ul {
	color: #6044a7; /* purple */
}

.index_why_classifieds h4,div#classifieds_type_header h4,
div#ad_content h2,
div#page_content div#company_profile h4,
div#listing h4,
h4.classified{
	color: #930157; /* deep red */
}
.error h3, #search_categories ul.errors{
	color: #8f0000; /* Dark red */
}

div#form table.classified cite,
div#form table.classified td.cost
{
	color: #ce0000;
}
.green {
	color: #278a00; /* green */
}
#sup_seen h3 {
	color: #00921f; /* another green */
}
.success h3 {
	color: #128000; /* dark green */
}
.footer_twitter p, .footer_contact p {
	color: #747474; /* grey */
}
.prev, .next {
    color: #bbb;
}
#left_content h3, #view_advert_ad p.advert_extra b, 
#view_advert_ad p.advert_extra_small_left b,
#view_advert_ad p.advert_extra_small_right b,
#search_classifieds label, .promote h3, #why_join div.classifieds h3,
#why_join div.classifieds ul, .gibson_products h3.h3_search {
    color: #92125e;
}
.adverts_small p.results {
    color: #971461;
}
#view_advert_categories p {
    color: #007A1A;
}
#company_nav a, #account_nav a  {
    color: #210e42;
}
.network h3 {
    color: #0b3967;
}

/*-------------------------------------------------------------------------------
FONT WEIGHTS
*/
h1, h2, h3, h4, h5, h6, dt, #strapline, div#userLoginPanel span.user_name,
#main_nav li a, input#loginpanel-login, div#userLoginPanel #logout,
div#userLoginPanel a, .profile_classifieds a, .profile_company, .profile_company a,
a#view_all_news, .profile_company input, .profile_company label, #edit_account,
.add_account_link, .acount_unfinished input, .acount_finished input,
.acount_welcome input, .comp_profile_classifieds p a, .comp_profile_connections p a,
.company_message a, #index_top a span, #index_why div p a, #index_buyer p a,
#approve_con, #reject_con, .main_news_story a, .sub_news_story a, .sign_up,
.classifieds_info ul, .pricing, .comp_profile_reports p a, .profile_edit_nav a,
.class_sign_up a,
input#send_contact,
#classified_ad ul,
#classified_ad a,
.footer_contact a,
.company_message_verify input,
div.comapnies_list input,
.success a,
div.email_success a,
#classified_type h2,
div#classified_type ul,
div#classified_type input,
div#ad_content h2,
div#ad_content p.summary,
div#page_content div#company_profile h4,
div.form_help a#edit,
div.form_help a#publish,
div#listing h4,div#listing h3,
div#form table.classified,
#page_content .company_message_small h3,
.company_message_small a,
form input.green, form input.blue, form input.red,
div.form_help a.blue,
#company_classifieds_list h3, .classified_edit_nav a,
#company_classifieds_list p.headers, #company_classifieds_list p.create_p a,
#search_classifieds label, #search_classifieds #search_classifieds,
#create_classified, #pagination a.page_link, a.view_all_classifieds,
#userLoginPanel .login, #userLoginPanel #usernav_comphq,
#cover-content input#feeback_form_submit, #cover-content a.close_box_aftersubmit,
#index_top a, #banner a, .classified_complete_next a
{
	font-weight: 700;
}



label,
div#main_listing div.ad_standard div.text h4,
div#min_listing div.ad_minimal div.text h4
{
    font-weight: 500;
}
h2, #index_buyer h3, #userLoginPanel .forgotten_pass, .main_news_story h3 a,
.sub_news_story h4 a, #page_content h3, #page_content h4, #classified_ad h4,
#main_list p span.parent_search, #left_content h3.classifieds_tab,
#create_classified span, .classified_listing_small p a, .random_ad_small p a,
#why_join div h3,#company_nav a, .index_top_extra a p {
	font-weight: normal;
}

/*-------------------------------------------------------------------------------
TEXT ALIGNMENT
*/
div#form table.classified td.date,
table#checkout td
{
    text-align: right;
}

div#form table.classified td.save{
    text-align: center;
}

/*-------------------------------------------------------------------------------
TEXT DECORATION
*/
a, #main_nav li a, .copywrite a, div#userLoginPanel a, .profile_classifieds a, .profile_company a, #edit_account, .profile_sbank_news a {
	text-decoration: none;
}
.copywrite a:hover, #edit_account:hover, div.comapnies_list input:hover,
#index_buyer p a:hover, #index_sbank_news a#view_all_news:hover,
#footer_content .footer_links a:hover, .footer_contact a:hover,
.profile_sbank_news a:hover, .profile_sbank_feeds a:hover, #index_sbank_news a:hover,
.main_news_story a:hover, .sub_news_story a:hover, div.email_success a:hover,
#userLoginPanel a:hover, #banner a:hover, #view_advert_comp p a:hover {
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------
FONT STYLE
*/
.footer_twitter .twitter_date {
	font-style: italic;
}
div#form table cite{
    font-style: normal;
}

/*-------------------------------------------------------------------------------
LINE HEIGHT
*/
.footer_twitter p, .footer_contact p {
	line-height: 12px;
}
p, em, blockquote, strong, ul, ol, dl, #index_top .index_top_extra p {
	line-height: 18px;
}
#page_content p {
	line-height: 20px;
}
#classified_ad h4, #index_top p {
	line-height: 22px;
}
#index_top a {
	line-height: 24px;
}