Index: branches/1.0.x/img/search_top.png
===================================================================
diff -u -r15015 -r15119
Binary files differ
Index: branches/1.0.x/img/search_box.gif
===================================================================
diff -u -r15015 -r15119
Binary files differ
Index: branches/1.0.x/img/search_clear.gif
===================================================================
diff -u -r15015 -r15119
Binary files differ
Index: branches/1.0.x/elements/ajax/search_results.tpl
===================================================================
diff -u -r15015 -r15119
--- branches/1.0.x/elements/ajax/search_results.tpl	(.../search_results.tpl)	(revision 15015)
+++ branches/1.0.x/elements/ajax/search_results.tpl	(.../search_results.tpl)	(revision 15119)
@@ -2,7 +2,13 @@
 
 <inp2:m_DefineElement name="product_search_element">
 	<li>
-		<a href="<inp2:ProductLink template='__default__'/>"><inp2:Field name="Name"/></a>
+		<a href="#" ><img src="<inp2:m_TemplatesBase />img/product_no_picture_small.png" width="60" height="60" alt="" class="left" /></a>
+		<div class="product-data">
+			<p class="product-name"><a href="<inp2:ProductLink template='__default__'/>"><inp2:Field name="Name"/></a></p>
+			<p class="product-description">Sed scelerisque iaculis tempus. Duis tincidunt consectetur felis, id eleif...</p>
+			<p class="product-price">$5000<span>.95</span></p>
+		</div>
+		<div class="clear"></div>
 	</li>
 </inp2:m_DefineElement>
 
@@ -17,7 +23,7 @@
 <inp2:m_if check="p_TotalRecords" list_name="search_results">
 	<p class="title">Suggested Products:</p>
 
-	<ol>
+	<ol class="product-search-list-small">
 		<inp2:p_PrintList list_name="search_results" render_as="product_search_element"/>
 	</ol>
 
@@ -26,9 +32,8 @@
 	<inp2:p_MoreLink list_name="search_results" render_as="more_link"/>
 <inp2:m_else/>
 	<p class="title">No Suggested Products:</p>
-
+	<br />
 	<inp2:m_Get name="keywords" result_to_var="keywords"/>
 	<a href="<inp2:m_Link template='products/search_results' keywords='$keywords'/>" class="link-more">Search All Pages</a><br />
 </inp2:m_if>
-
 <br />
\ No newline at end of file
Index: branches/1.0.x/inc/styles.css
===================================================================
diff -u -r15052 -r15119
--- branches/1.0.x/inc/styles.css	(.../styles.css)	(revision 15052)
+++ branches/1.0.x/inc/styles.css	(.../styles.css)	(revision 15119)
@@ -227,6 +227,10 @@
 	position: relative;
 	width: 100%;
 }
+.menu-header {
+	z-index:300;
+}
+
 .menu .padding {
 	margin: 0 auto;
 	width: 960px;
@@ -274,33 +278,32 @@
 }*/
 
 .search-box-small {
-	height:23px;
+	height:26px;
 	background:url(@templates_base@/img/search_box.gif) bottom left;
-	width:146px;
+	width:201px;
 	cursor:text;
+	margin-top:10px;
 }
 
 .search-box-small input {
 	font-family:Arial, Helvetica, sans-serif;
-	width:93px;
+	width:135px;
 	float:left;
-	font-size:9pt;
+	font-size:13px;
 	border:none;
 	background:none;
-	line-height:23px;
-	margin-left:30px;
-	margin-top:5px;
-	line-height:14px;
+	margin-left:35px;
+	margin-top:6px;
 }
 
 .search-box-small input:focus { outline: none }
 
 .search-box-small-noactive {
-	background:url(@templates_base@/img/search_box.gif) top left;
+	background:url(@templates_base@/img/search_box.gif) bottom left;
 }
 
 .search-box-small-noactive input {
-	color:#FFFFFF;
+	color: #333333;
 }
 
 .search-box-small-noactive .search-clear {
@@ -309,14 +312,15 @@
 
 .search-box-small .search-clear {
 	margin-top: 5px;
-	margin-left:5px;
+	margin-left:8px;
 	cursor:pointer;
 }
 
 .search-box-small-results {
 	position:absolute;
 	margin-top:-4px;
-	margin-left:-173px;
+	margin-left:-118px;
+	z-index:200;
 }
 
 .search-box-small-header {
@@ -327,11 +331,45 @@
 	width:277px;
 }
 
+.search-box-small-header p.title {
+	font-size:18px;
+	color:#2275cd;
+	border-bottom:1px solid #d0d0d0;
+	padding-bottom:11px;
+}
+
 .search-box-small-footer {
 	background:url(@templates_base@/img/search_bottom.png) top left;
 	width:327px;
 	height:14px;
 }
+
+
+.product-search-list-small li {
+	border-bottom:1px solid #d0d0d0;
+	padding-top:6px;
+	padding-bottom:6px;
+}
+
+.product-search-list-small .product-data { width:200px; float:right }
+.product-search-list-small .product-name { margin-bottom:5px;}
+.product-search-list-small .product-name a { color:#333333; font-weight:bold; font-size:14px;}
+.product-search-list-small .product-description { font-size:11px; color:#8e8e8e; margin-bottom:5px; line-height:95% }
+.product-search-list-small .product-price { font-size:15px; color:#4d9b24; font-weight: bold; }
+.product-search-list-small .product-price span { font-size:11px; }
+.search-box-small-header a.link-more {
+	color:#2a80d3;
+	font-size:11px;
+	font-weight:bold;
+	background:url(@templates_base@/img/more_arrow.gif) top right no-repeat;
+	line-height:10px;
+	padding-right:12px;
+	display:block;
+	float: left;
+	margin-bottom:5px;
+	clear:both;
+}
+
 /* === Top Search Box: end === */
 
 .level2 {
Index: branches/1.0.x/img/search_bottom.png
===================================================================
diff -u -r15015 -r15119
Binary files differ
Index: branches/1.0.x/elements/menu.elm.tpl
===================================================================
diff -u -r14766 -r15119
--- branches/1.0.x/elements/menu.elm.tpl	(.../menu.elm.tpl)	(revision 14766)
+++ branches/1.0.x/elements/menu.elm.tpl	(.../menu.elm.tpl)	(revision 15119)
@@ -1,4 +1,4 @@
-<div class="menu">
+<div class="menu menu-header">
 	<div class="padding">
 		<inp2:m_DefineElement name="menu_element" no_editing="1">
 			<li>
Index: branches/1.0.x/img/product_no_picture_small.png
===================================================================
diff -u
Binary files differ
Index: branches/1.0.x/img/more_arrow.gif
===================================================================
diff -u
Binary files differ
Index: branches/1.0.x/elements/search.elm.tpl
===================================================================
diff -u -r15015 -r15119
--- branches/1.0.x/elements/search.elm.tpl	(.../search.elm.tpl)	(revision 15015)
+++ branches/1.0.x/elements/search.elm.tpl	(.../search.elm.tpl)	(revision 15119)
@@ -8,23 +8,20 @@
 	</form>
 </div>-->
 
-<div style="float: right; margin-top: 7px;">
-	<div style="position: absolute; z-index: 150; margin-left: -150px;">
-		<div class="search-box-small<inp2:m_ifnot check='m_Get' name='keywords'> search-box-small-noactive</inp2:m_ifnot>" >
-			<form id="search_form" action="<inp2:m_Link template='elements/ajax/search_results'/>">
-				<inp2:m_if check='m_Get' name='keywords'>
-					<input type="text" id="search-box-small-input" name="keywords" value="<inp2:m_Get name='keywords'/>" autocomplete="off"/><img src="<inp2:m_TemplatesBase/>img/search_clear.gif" width="13" height="13" alt="" border="0" class="search-box-small-clear search-clear" />
-				<inp2:m_else/>
-					<input type="text" id="search-box-small-input" name="keywords" value="Search" autocomplete="off"/><img src="<inp2:m_TemplatesBase/>img/search_clear.gif" width="13" height="13" alt="" border="0" class="search-box-small-clear search-clear" />
-				</inp2:m_if>
-			</form>
-		</div>
-
-		<div class="search-box-small-results" style="display: none;">
-			<div class="search-box-small-header"></div>
-			<div class="search-box-small-footer"></div>
-		</div>
+<div class="right">
+	<div class="search-box-small<inp2:m_ifnot check='m_Get' name='keywords'> search-box-small-noactive</inp2:m_ifnot>" >
+		<form id="search_form" action="<inp2:m_Link template='elements/ajax/search_results'/>">
+			<inp2:m_if check='m_Get' name='keywords'>
+				<input type="text" id="search-box-small-input" name="keywords" value="<inp2:m_Get name='keywords'/>" autocomplete="off"/><img src="<inp2:m_TemplatesBase/>img/search_clear.gif" width="13" height="13" alt="" border="0" class="search-box-small-clear search-clear" />
+			<inp2:m_else/>
+				<input type="text" id="search-box-small-input" name="keywords" value="Search" autocomplete="off"/><img src="<inp2:m_TemplatesBase/>img/search_clear.gif" width="16" height="16" alt="" border="0" class="search-box-small-clear search-clear" />
+			</inp2:m_if>
+		</form>
 	</div>
+	<div class="search-box-small-results" style="display: none;">
+		<div class="search-box-small-header"></div>
+		<div class="search-box-small-footer"></div>
+	</div>
 </div>
 
 <script type="text/javascript">