// 160x300px widget
// styles
style = '<style type="text/css"> \
#HollrrWidget160x300 * {margin:0; padding:0; color:#000;} \
#HollrrWidget160x300 {text-align:center;font-size:10px; line-height:13px; position:relative; margin-bottom:10px; font-family:Verdana, sans-serif; width:160px; } \
#HollrrWidget160x300 img { border:0; } \
#HollrrWidget160x300 table { } \
#HollrrWidget160x300 a, #HollrrWidget160x300 table td a { font-size:11px; color:#0171bd; text-decoration:none; } \
#HollrrWidget160x300 a:hover, , #HollrrWidget160x300 table td a:hover { text-decoration:underline; } \
#HollrrHead { padding:0; margin:0; display:block; height:23px; width:162px;  background-image:url(http://hollrr.com/images/widget/widget.160x300.top.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://hollrr.com/images/widget/widget.160x300.top.png", sizingMethod="scale"); } \
#HollrrTableHeader { position:relative; left:0px; top:-18px; margin-bottom:-18px; width: 97%; _width: 92%; font-size:11px; } \
#HollrrWrapper { text-align:left; margin:0 auto; width:162px; background-image:url(http://hollrr.com/images/widget/widget.160x300.bg.png); background-repeat:repeat-y; } \
#HollrrInnerWrapper { margin:0px 7px; } \
#HollrrTopLabel { text-align:center; font-weight:bold } \
#HollrrProduct { margin:0px 5px; } \
#HollrrProductInfo { margin:0px 5px; width: 140px; }  \
#HollrrProductName { font-size:11px;text-align:center;font-weight:bold; margin:4px 0px; } \
#HollrrProductImage { vertical-align:top; width:55px;  } \
#HollrrProductImage img { width:50px;} \
#HollrrProductDescription {  line-height:13px; font-size:11px; } \
#HollrrProductUrl { text-align:right; } \
#HollrrHollrr { margin:5px; font-size:11px; } \
#HollrrHollrrAuthor { font-weight:bold; } \
#HollrrHollrrUrl { text-align:right; } \
#HollrrComments { margin:0px 0px; padding:3px 5px; background-color:#E3EFFB; } \
#HollrrCommentsLabel { color:#0171bd; font-weight:bold; } \
.HollrrComment { } \
.HollrrCommentAuthor { font-weight:bold; } \
#HollrrFooter { } \
#HollrrFooter a { display:block; height:34px; width:162px; background-image:url(http://hollrr.com/images/widget/widget.160x300.bottom.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://hollrr.com/images/widget/widget.160x300.bottom.png", sizingMethod="scale"); } \
</style>'
// html content
html = '\
<!-- header --> \
<div id="HollrrWidget160x300"><div id="HollrrHead"></div> \
<!-- wrapper --> \
<div id="HollrrWrapper"> \
<!--  inner wrapper --> \
<div id="HollrrInnerWrapper"> \
<table id="HollrrTableHeader" cellpadding="0" cellspacing="0"><tr><td><img alt="Logo_tiny" class="size_tiny" src="http://s3.amazonaws.com/hollrr/public/data/4326/Logo_tiny.PNG"  style="width:20px" /></td><td id="HollrrTopLabel">I love this product</td></tr></table> \
<div id="HollrrProductName">Urban Dictionary</div> \
<!--  product info --> \
<table id="HollrrProduct"><tr><td id="HollrrProductImage"><img alt="Logo_small" class="size_small" src="http://s3.amazonaws.com/hollrr/public/data/8296/logo_small.png" /></td><td id="HollrrProductDescription">A veritable cornucopia of streetwise lingo, posted...</td></tr></table> \
<table id="HollrrProductInfo"><tr><td><span><img src="http://hollrr.com/images/star.off.white.gif" alt="star" /><img src="http://hollrr.com/images/star.off.white.gif" alt="star" /><img src="http://hollrr.com/images/star.off.white.gif" alt="star" /><img src="http://hollrr.com/images/star.off.white.gif" alt="star" /><img src="http://hollrr.com/images/star.off.white.gif" alt="star" /></span></td><td id="HollrrProductUrl"><a href="http://hollrr.com/u/mjRePD" target="_blank">website</a></td></tr></table> \
<!-- comments --> \
<!--  description --> \
<div id="HollrrHollrr"><span id="HollrrHollrrAuthor">David Hegarty:</span>  \
<div id="HollrrHollrrUrl"><a href="http://hollrr.com/mjRePD">more</a></div> </div> \
<div id="HollrrComments"> \
<div id="HollrrCommentsLabel">Comments </div> \
<div class="HollrrComment"><span class="HollrrCommentAuthor"> </span> No comments yet. Be first! <a target="javascript:void()" href="http://hollrr.com/products/1388#8301">&gt;&gt;&gt;</a></div> \
</div> <!-- #HollrrComments> --> \
<!-- inner wrapper --> \
</div> \
<!-- wrapper --> \
</div> \
<!-- footer --> \
<div id="HollrrFooter"><a href="http://hollrr.com/"></a></div> \
</div> \
'


// render both
document.write(style)
document.write(html)