[Lynne]

Originally Posted by pneo

Do I need to 'call' the specific css file to overwrite it in additional.css or simply place...

.navbar_search {
	position:relative;
	width:200px;
	bottom: 1px;
	{vb:stylevar right}: -{vb:math {vb:stylevar padding}*2};
	display:block;
}

...and it should automatically overwrite the original (when I inspect the page after making this alteration there is no change it is only using vbulletin-chrome.css)?

You do not need to 'call' the file, just place the css in the template. In this particular case, since all you want to do is override the width property and leave the others alone, just add this to the .css template:

.navbar_search {
	width:200px;
}