How do I change this box color?

[thizzladen]

	.plinks {color: rgb(102, 102, 102);float: left; font-size: 12px;margin: 5px 0px 0px 24px;}
	.plinks a {background: rgb(186, 11, 10); color: white;display: block;float: left;font-size: 16px;font-weight: bold; margin: 0px 7px 7px 0px; padding: 8px 24px;text-decoration: none;}
	.plinks a:hover { background: red; }

Wordpress Single.php Code

        <div class="plinks clearfix">
        <?php if(strlen($link) > 2){ ?>
        <a href="<?php echo $link; ?>" target="_blank" title="<?php the_title(); ?>" <?php if($GLOBALS['premiumpress']['nofollow'] =="yes"){ ?>rel="nofollow"<?php } ?>><?php echo SPEC($GLOBALS['_LANG']['_single1']) ?></a>
        <?php } ?>
        <a href="<?php echo get_option('contact_url'); ?>?report=<?php echo $post->ID; ?>" title="report this listing"><?php echo SPEC($GLOBALS['_LANG']['_single2']) ?></a>  
    </div>

I want to change the box color on the left side ("I want this!") to green and have it hover in green. When I change the code above it changes both of the box colors to green, but I want to keep the box on the right Red.

Probably something really easy, but I'm not a coder so it's beyond me.

Thanks guys!

 

[Lock Down]

.plinks {color: rgb(102, 102, 102);float: left; font-size: 12px;margin: 5px 0px 0px 24px;}
.plinks a {background: rgb(186, 11, 10); color: white;display: block;float: left;font-size: 16px;font-weight: bold; margin: 0px 7px 7px 0px; padding: 8px 24px;text-decoration: none;}
.plinks a:hover { background: red; }

you can change the rgb(186, 11, 10) to to pink, green or any color you want.

The other one that says red is for hover over box.

 

[thizzladen]

Yeah I ended up making another class, .pgreen and changing the first box to that.

 

[Lock Down]

You are welcome.