Mystery Red dotted line around field - element.style being pulled from HTML not CSS?

[the brit]

V151, New build, Uploaded and installed via FTP, running picaflor-azul template and image slider code, issue arose when someone else moved the search bar (I do not know what they did). URL is w w w . o r c h i d e u r o . c o m / s t o r e /

I have a annoying and seemingly very difficult to remove red dotted line around the top right field on my site. In a CSS file I can remove the entire field but then it throws off layout and loses the cart options at the top of the page. I can also add border:0 but then that is just being overruled by the mystery element.style so although I'd rather just set the border to 0 and get rid of the dotted lines I can't work out where to do that. Here's what I found:


Using the Chrome Inspect Element I have found:

element.style {
border: 1px dotted red;
}

using the view-source for http:// o r c h i d e u r o . c o m ...in_page=index:

<span class="webkit-html-attribute-value">border:1px dotted red;</span>

And the Inspect Element on the above shows:

<div id="header-right" style="border:1px dotted red;">

But I just can't seem to find where it's actually located and how to remove it. From searching it seems like the Style Element is written out somewhere in the HTML rather than being pulled from a CSS.

Thanks so much for any help in advance.

[stevesh]

From searching it seems like the Style Element is written out somewhere in the HTML rather than being pulled from a CSS.

That's right. Use the Admin - Tools - Developers Tool Kit to search for dotted to find the file.

[the brit]

That's right. Use the Admin - Tools - Developers Tool Kit to search for dotted to find the file.

Thanks for the reply - I found it thanks to you! Seriously, thank you! I've probably spent 5+ hours combing through everything looking for it. Thank you so much.