Cart display changes

Hi, I have a couple of display issues I am trying to fix with my cart module. I attached a picture below showing the area that I need to change. I am looking to do the following changes:

1) Change the font color of the product name from blue to white and to change the font size down to probably 8.
2) The Quantity area is obviously too large, how do I narrow it down so it is only big enough to show the quantity and not have all that extra space which is causing everything to be shoved out of the column area.

I am pretty sure I will need to change the front end CSS display file, I just have no idea where to make these changes. I looked through and did change some things, but all to no avail.

Lastly, I have an $18 (USD) minimum order. Obviously, when the try to checkout without having the minimum order cost reached, it does not let them. Is there a way to notify them why it will not let them checkout? Perhaps with a popup or an error message? Right now all it does is refresh the checkout cart page. If a new customer is not familiar with this policy or does not notice it (Even though we mention it several times), I am afraid they will just give up and leave.

Hi,
1. 2.
Using some CSS code like this will probably do the job :

.hikashop_cart_module_product_quantity_value input {
width: 20px !important;
}
.hikashop_cart_module_product_name_value a {
color: white;
font-size: 8px;
}

Thank you, those worked perfectly. 1 more question if it is ok. Now that everything fits in the cart module space, the price of the products and the total is in a red font, which causes it to glow on the darker background and become hard to read. Can I change that to a bold black?