Hi I'm hoping someone can spare a moment to help with some css for a mod I'm working on. In tpl_shopping_cart_default.php, there is the following div id:

<div id="cartSubTotal"><?php echo SUB_TITLE_SUB_TOTAL; ?> <?php echo $cartShowTotal; ?></div>

Currently the mod is using that same div id for two additional rows that I have added, something like this:

<div id="cartSubTotal">Line Two</div>
<div id="cartSubTotal">Line Three</div>

It displays fine but what I want to do is give the additional rows their own div ids, like this:

<div id="cartShippingTotal">Line Two</div>
<div id="cartTotal">Line Three</div>

That way each row can be styled differently if needed.

I would like to add a new css file to manage these new div ids. In the stylesheet, this is all the code I can find relating to "cartSubTotal":

Code:
/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #9a9a9a;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}
I'm not sure exactly what code I have to copy over to the new css file and how to change it so it manages the two new div ids independently of each other.

Thanks.