Checkout products not in layout

-- url of the page with the problem -- : dndcarnival.cloudaccess.net/checkoutpage.html
-- HikaShop version -- : 2.2.2
-- Joomla version -- : 3.1.5
-- Browser(s) name and version -- : Chrome

So I'm very new to Hikashop and eCommerce in general, been figuring out this extension fairly well so far though.
I've run into a problem I cant seem to fix or find documentation on.

Whenever you have something in the cart and you go to the checkout page,some of the information is displayed outside of my layout, like it is floating to the right.

Hi,

I think that using some CSS code like this will probably do the job :

.hikashop_cart_product_name{
	width:10px!important;
}

Thank you!
Although Im not totally sure where i should place this code?
should i find a certain plugin theme plugin, or put in the CSS section or another part of the configuration settings?

I did find this in the 'frontend_custom.css' :

#hikashop_cart .hikashop_cart_product_name a{
  font-weight:bold;
}
.hikashop_cart_product_name_value{
  width:40%;
}


.hikashop_cart_title{
  font-weight: bold;
}

<div id=" hikashop_checkout_cart" class="hikashop_checkout_cart">
   <table class="table table-striped table-hover" width="100%">...</table>

table.table.table-striped.table-hover 949px  172px

I figured it out, using your code.
sorry I'm not at all experienced with using code. but i found where i just needed to add the complete lines you gave me and it worked like a charm.
Thanks again!