SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">2<html>3 <!-- #BeginTemplate "../../web-data/Templates/md_page1.html" -->4 <head>5 <style>6 body {}7p {}8td {}9.page_bold { color: #666; font-size: 16px; font-family: "Lucida Grande", Helvetica, Verdana, Arial; font-weight: 700; line-height: 19px }10.page_italic { color: #666; font-size: 15px; font-family: "Lucida Grande", Helvetica, Verdana, Arial; font-style: italic; line-height: 19px }11.page_text { color: #666; font-size: 12px; font-family: "Lucida Grande", Helvetica, Verdana, Arial; line-height: 15px }12.headline { color: #666; font-size: 26px; font-family: "Lucida Grande", Helvetica, Verdana, Arial; font-weight: 800; line-height: 22px }13 14 15 16body {}17p {}18td {}19.page_bold { color: #666; font-size: 16px; font-family: "Lucida Grande", Helvetica, Verdana, Arial; font-weight: 700; line-height: 19px }20.page_italic { color: #666; font-size: 15px; font-family: "Lucida Grande", Helvetica, Verdana, Arial; font-style: italic; line-height: 19px }21.page_text { color: #666; font-size: 12px; font-family: "Lucida Grande", Helvetica, Verdana, Arial; line-height: 15px }22.headline { color: #666; font-size: 26px; font-family: "Lucida Grande", Helvetica, Verdana, Arial; font-weight: 800; line-height: 22px }23 </style>24 <meta content="text/html;charset=utf-8" http-equiv="content-type">25 <meta content="Adobe GoLive" name="generator">26 <title>27 "Skully" A Koa wood and Bronze Dining Table by Allen Miesner28 </title>29 <meta content="A Koa wood and Bronze custom dining table designed by Allen Miesner." name="description">30 <meta content="Custom dining table, allen miesner" name="keywords">31 <!-- #BeginHeadLocked "" -->32 </head>33 <body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" onload="preloadImages();void(0);" topmargin="0">34 <bb:menulib c="0">35 </bb:menulib>36 <style media="screen" type="text/css">37 <!--38Page { color: #666; font-size: 12pt; font-family: "Lucida Grande", Helvetica, Verdana, Arial; line-height: 14pt }39-->40 </style>41 <!-- #EndHeadLocked -->42 <csscriptdict import>43 </csscriptdict>44 <csactiondict>45 </csactiondict>46 <table align="center" border="0" cellpadding="0" cellspacing="0" cool gridx="10" gridy="5" height="50" showgridx showgridy usegridx usegridy width="950">47 <tbody>48 <tr height="14">49 <td height="49" rowspan="3" width="20">50 </td>51 <td height="14" width="710">52 </td>53 <td height="18" rowspan="2" width="219">54 </td>55 <td height="14" width="1">56 <spacer height="14" type="block" width="1">57 </td>58 </tr>59 <tr height="4">60 <td align="left" height="35" rowspan="2" valign="top" width="710" xpos="20">61 <img alt border="0" height="26" src="rick.jpg" width="275">62 </td>63 <td height="4" width="1">64 <spacer height="4" type="block" width="1">65 </td>66 </tr>67 <tr height="31">68 <td align="left" height="31" valign="top" width="219" xpos="730">69 <!-- #BeginEditable "Object" -->70 <img alt border="0" height="27" src="rick.jpg" width="186">71 <!-- #EndEditable -->72 </td>73 <td height="31" width="1">74 <spacer height="31" type="block" width="1">75 </td>76 </tr>77 <tr cntrlrow height="1">78 <td height="1" width="20">79 <spacer height="1" type="block" width="20">80 </td>81 <td height="1" width="710">82 <spacer height="1" type="block" width="710">83 </td>84 <td height="1" width="219">85 <spacer height="1" type="block" width="219">86 </td>87 <td height="1" width="1">88 </td>89 </tr>90 </tbody>91 </table>92 <table align="center" bgcolor="#cccccc" border="0" cellpadding="0" cellspacing="0" cool gridx="10" gridy="10" height="26" showgridx showgridy usegridx usegridy width="950">93 <tbody>94 <tr height="25">95 <td height="25" width="949">96 <spacer height="25" type="block" width="949">97 </td>98 <td height="25" width="1">99 <spacer height="25" type="block" width="1">100 </td>101 </tr>102 <tr cntrlrow height="1">103 <td height="1" width="949">104 <spacer height="1" type="block" width="949">105 </td>106 <td height="1" width="1">107 <spacer height="1" type="block" width="1">108 </td>109 </tr>110 </tbody>111 </table>112 <!-- #BeginEditable "Region" -->113 <table align="center" border="0" cellpadding="0" cellspacing="0" cool gridx="10" gridy="10" height="961" showgridx showgridy usegridx usegridy width="950">114 <tbody>115 <tr height="10">116 <td colspan="12" height="10" width="949">117 </td>118 <td height="10" width="1">119 <spacer height="10" type="block" width="1">120 </td>121 </tr>122 <tr height="29">123 <td colspan="11" height="29" width="870">124 </td>125 <td align="left" height="29" valign="top" width="79" xpos="870">126 <a onmouseout="changeImages('next_grey2','../Images/next_grey2.gif');return true" onmouseover="changeImages('next_grey2','../Images/next_green2.gif');return true">127 <img alt border="0" height="28" id="next_grey2" name="next_grey2" src="rick.jpg" width="67">128 </a>129 </td>130 <td height="29" width="1">131 <spacer height="29" type="block" width="1">132 </td>133 </tr>134 <tr height="381">135 <td colspan="3" height="381" width="210">136 </td>137 <td align="left" colspan="7" height="381" valign="top" width="500" xpos="210">138 <img alt="Koa and Bronz Table" border="0" height="360" src="rick.jpg" width="500">139 </td>140 <td colspan="2" height="531" rowspan="2" width="239">141 </td>142 <td height="381" width="1">143 <spacer height="381" type="block" width="1">144 </td>145 </tr>146 <tr height="150">147 <td colspan="2" height="150" width="170">148 </td>149 <td colspan="5" content csheight="73" height="150" valign="top" width="170" xpos="170">150 <span class="page_bold">151 "Skully"152 </span>153 <span class="page_italic">154 dining table155 <br>156 Koa wood, bronze157 <br>158 84"L x 45"W x 29"H159 <br>160 © 1998161 </span>162 </td>163 <td height="150" width="90">164 </td>165 <td class="page_text" colspan="2" content csheight="130" height="150" valign="top" width="280" xpos="430">166 The legs were borrowed from the "Aldo" table but with an asymetrical Koa wood top. The inlays on the table surface are bronze.167 <br>168 <br>169 The kitchen where this table resides was voted the best kitchen in America in 2002 by the Kitchen and Bath Association. You can view the article here:170 <a>171 San Francisco Chronicle172 </a>173 </td>174 <td height="150" width="1">175 <spacer height="150" type="block" width="1">176 </td>177 </tr>178 </tbody>179 </table>180 <!-- #EndEditable -->181 <p>182 </p>183 <div id="bbML" style="color: black; font-size: medium; font-family: serif; background-color: rgb(204, 204, 204); visibility: visible; display: block; position: absolute; z-index: 2000; top: 50px; left: 320px; width: 640px; height: 26px;">184 <bb:menu height="26" i="1" v="1.5" width="640">185 <div id="bbMLbbMenu1" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:90px;height:26px;left:0px;top:0px;background-color:#CCCCCC">186 <div id="bbMLbbMenu1n" style="position:absolute;visibility:inherit;font-size:14px;font-family:Arial, Helvetica, Geneva, Swiss, Sans-serif;text-align:center;background-color:#cccccc;color:black;left:0px;top:0px;width:90px;height:22px;overflow:hidden;padding-top:4px">187 home188 </div>189 <div id="bbMLbbMenu1e" style="display:block;cursor:pointer;cursor:hand;width:90px;height:26px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">190 191 </div>192 </div>193 <div id="bbMLm3jxkvei" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:80px;height:26px;left:90px;top:0px;background-color:#CCCCCC">194 <div id="bbMLm3jxkvein" style="position:absolute;visibility:inherit;font-size:14px;font-family:Arial, Helvetica, Geneva, Swiss, Sans-serif;text-align:center;background-color:#cccccc;color:black;left:0px;top:0px;width:80px;height:22px;overflow:hidden;padding-top:4px">195 about196 </div>197 <div id="bbMLm3jxkveie" style="display:block;cursor:pointer;cursor:hand;width:80px;height:26px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">198 199 </div>200 </div>201 <div id="bbMLm3jxkveix1" style="left: 90px; top: 26px; z-index: 3000; position: absolute; visibility: hidden;">202 <div id="bbMLm3jxkvej" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:82px;height:22px;left:0px;top:0px;background-color:WHITE">203 <div id="bbMLm3jxkvejn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:1px;width:80px;height:19px;overflow:hidden;padding-top:1px">204 about205 </div>206 <div id="bbMLm3jxkveje" style="display:block;cursor:pointer;cursor:hand;width:82px;height:22px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">207 208 </div>209 </div>210 <div id="bbMLm3jxkvel" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:82px;height:21px;left:0px;top:21px;background-color:WHITE">211 <div id="bbMLm3jxkveln" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:80px;height:19px;overflow:hidden;padding-top:1px">212 biography213 </div>214 <div id="bbMLm3jxkvele" style="display:block;cursor:pointer;cursor:hand;width:82px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">215 216 </div>217 </div>218 <div id="bbMLm3jxkvem" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:82px;height:21px;left:0px;top:41px;background-color:WHITE">219 <div id="bbMLm3jxkvemn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:80px;height:19px;overflow:hidden;padding-top:1px">220 resume221 </div>222 <div id="bbMLm3jxkveme" style="display:block;cursor:pointer;cursor:hand;width:82px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">223 224 </div>225 </div>226 </div>227 <div id="bbMLm3jxkven" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:120px;height:26px;left:170px;top:0px;background-color:#CCCCCC">228 <div id="bbMLm3jxkvenn" style="position:absolute;visibility:inherit;font-size:14px;font-family:Arial, Helvetica, Geneva, Swiss, Sans-serif;text-align:center;background-color:#cccccc;color:black;left:0px;top:0px;width:120px;height:22px;overflow:hidden;padding-top:4px">229 portfolios230 </div>231 <div id="bbMLm3jxkvene" style="display:block;cursor:pointer;cursor:hand;width:120px;height:26px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">232 233 </div>234 </div>235 <div id="bbMLm3jxkvenx1" style="left: 170px; top: 26px; z-index: 3000; position: absolute; visibility: hidden;">236 <div id="bbMLm3jxkveo" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:22px;left:0px;top:0px;background-color:WHITE">237 <div id="bbMLm3jxkveon" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:1px;width:120px;height:19px;overflow:hidden;padding-top:1px">238 portfolio page239 </div>240 <div id="bbMLm3jxkveoe" style="display:block;cursor:pointer;cursor:hand;width:122px;height:22px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">241 242 </div>243 </div>244 <div id="bbMLm3jxkvep" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:21px;background-color:WHITE">245 <div id="bbMLm3jxkvepn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">246 tables247 </div>248 <div id="bbMLm3jxkvepe" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">249 250 </div>251 </div>252 <div id="bbMLm3jxkveq" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:41px;background-color:WHITE">253 <div id="bbMLm3jxkveqn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">254 coffee tables255 </div>256 <div id="bbMLm3jxkveqe" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">257 258 </div>259 </div>260 <div id="bbMLm3jxkver" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:61px;background-color:WHITE">261 <div id="bbMLm3jxkvern" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">262 cabinets263 </div>264 <div id="bbMLm3jxkvere" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">265 266 </div>267 </div>268 <div id="bbMLm3jxkves" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:81px;background-color:WHITE">269 <div id="bbMLm3jxkvesn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">270 seating271 </div>272 <div id="bbMLm3jxkvese" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">273 274 </div>275 </div>276 <div id="bbMLm3jxkvet" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:101px;background-color:WHITE">277 <div id="bbMLm3jxkvetn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">278 beds279 </div>280 <div id="bbMLm3jxkvete" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">281 282 </div>283 </div>284 <div id="bbMLm3jxkveu" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:121px;background-color:WHITE">285 <div id="bbMLm3jxkveun" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">286 lighting287 </div>288 <div id="bbMLm3jxkveue" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">289 290 </div>291 </div>292 <div id="bbMLm3jxkvev" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:141px;background-color:WHITE">293 <div id="bbMLm3jxkvevn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">294 accessories295 </div>296 <div id="bbMLm3jxkveve" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">297 298 </div>299 </div>300 <div id="bbMLm3jxkvew" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:161px;background-color:WHITE">301 <div id="bbMLm3jxkvewn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">302 commercial303 </div>304 <div id="bbMLm3jxkvewe" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">305 306 </div>307 </div>308 <div id="bbMLm3jxkvex" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:181px;background-color:WHITE">309 <div id="bbMLm3jxkvexn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">310 virtual311 </div>312 <div id="bbMLm3jxkvexe" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">313 314 </div>315 </div>316 <div id="bbMLm3jxkvey" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:201px;background-color:WHITE">317 <div id="bbMLm3jxkveyn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">318 interiors319 </div>320 <div id="bbMLm3jxkveye" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">321 322 </div>323 </div>324 <div id="bbMLm3jxkvez" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:221px;background-color:WHITE">325 <div id="bbMLm3jxkvezn" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">326 sculpture327 </div>328 <div id="bbMLm3jxkveze" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">329 330 </div>331 </div>332 <div id="bbMLm3jxkvf6" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:241px;background-color:WHITE">333 <div id="bbMLm3jxkvf6n" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">334 Arena335 </div>336 <div id="bbMLm3jxkvf6e" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">337 338 </div>339 </div>340 <div id="bbMLm4cvzbn4" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:122px;height:21px;left:0px;top:261px;background-color:WHITE">341 <div id="bbMLm4cvzbn4n" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:120px;height:19px;overflow:hidden;padding-top:1px">342 early work343 </div>344 <div id="bbMLm4cvzbn4e" style="display:block;cursor:pointer;cursor:hand;width:122px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">345 346 </div>347 </div>348 </div>349 <div id="bbMLm3jxkvf0" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:80px;height:26px;left:290px;top:0px;background-color:#CCCCCC">350 <div id="bbMLm3jxkvf0n" style="position:absolute;visibility:inherit;font-size:14px;font-family:Arial, Helvetica, Geneva, Swiss, Sans-serif;text-align:center;background-color:#cccccc;color:black;left:0px;top:0px;width:80px;height:22px;overflow:hidden;padding-top:4px">351 links352 </div>353 <div id="bbMLm3jxkvf0e" style="display:block;cursor:pointer;cursor:hand;width:80px;height:26px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">354 355 </div>356 </div>357 <div id="bbMLm3jxkvf1" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:90px;height:26px;left:370px;top:0px;background-color:#CCCCCC">358 <div id="bbMLm3jxkvf1n" style="position:absolute;visibility:inherit;font-size:14px;font-family:Arial, Helvetica, Geneva, Swiss, Sans-serif;text-align:center;background-color:#cccccc;color:black;left:0px;top:0px;width:90px;height:22px;overflow:hidden;padding-top:4px">359 news360 </div>361 <div id="bbMLm3jxkvf1e" style="display:block;cursor:pointer;cursor:hand;width:90px;height:26px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">362 363 </div>364 </div>365 <div id="bbMLm3jxkvf2" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:90px;height:26px;left:460px;top:0px;background-color:#CCCCCC">366 <div id="bbMLm3jxkvf2n" style="position:absolute;visibility:inherit;font-size:14px;font-family:Arial, Helvetica, Geneva, Swiss, Sans-serif;text-align:center;background-color:#cccccc;color:black;left:0px;top:0px;width:90px;height:22px;overflow:hidden;padding-top:4px">367 sales368 </div>369 <div id="bbMLm3jxkvf2e" style="display:block;cursor:pointer;cursor:hand;width:90px;height:26px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">370 371 </div>372 </div>373 <div id="bbMLm3jxkvf2x1" style="left: 460px; top: 26px; z-index: 3000; position: absolute; visibility: hidden;">374 <div id="bbMLm3jxkvf3" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:92px;height:22px;left:0px;top:0px;background-color:WHITE">375 <div id="bbMLm3jxkvf3n" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:1px;width:90px;height:19px;overflow:hidden;padding-top:1px">376 commission377 </div>378 <div id="bbMLm3jxkvf3e" style="display:block;cursor:pointer;cursor:hand;width:92px;height:22px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">379 380 </div>381 </div>382 <div id="bbMLm3jxkvf4" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:92px;height:21px;left:0px;top:21px;background-color:WHITE">383 <div id="bbMLm3jxkvf4n" style="position:absolute;visibility:inherit;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-align:center;background-color:#cccccc;color:black;left:1px;top:0px;width:90px;height:19px;overflow:hidden;padding-top:1px">384 inventory385 </div>386 <div id="bbMLm3jxkvf4e" style="display:block;cursor:pointer;cursor:hand;width:92px;height:21px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">387 388 </div>389 </div>390 </div>391 <div id="bbMLm3jxkvf5" style="display:block;overflow:hidden;position:absolute;visibility:inherit;width:90px;height:26px;left:550px;top:0px;background-color:#CCCCCC">392 <div id="bbMLm3jxkvf5n" style="position:absolute;visibility:inherit;font-size:14px;font-family:Arial, Helvetica, Geneva, Swiss, Sans-serif;text-align:center;background-color:#cccccc;color:black;left:0px;top:0px;width:90px;height:22px;overflow:hidden;padding-top:4px">393 contact394 </div>395 <div id="bbMLm3jxkvf5e" style="display:block;cursor:pointer;cursor:hand;width:90px;height:26px;left:0px;top:0px;overflow:hidden;position:absolute;visibility:inherit">396 397 </div>398 </div>399 </bb:menu>400 </div>401 </body>402 <!-- #EndTemplate -->403</html>404