/****************************************/
/* biclink 4.0 */
/* copyright (c) the worx group - 2009 */
/* homepage.css */
/****************************************/
/* main column */
body.hp div.content div.main { width:565px; }
	div.content div.main h1 { width:565px; position:relative;  }
		div.content div.main h1 a { position:absolute; bottom:4px; right:8px; font-size:11px; font-weight:normal; text-decoration:none; } 
		
		div.products { width:565px; background:url(/images/bg_products.gif) bottom left no-repeat; margin:0 0 20px 0; }
			div.product { position:relative; float:left; width:165px; height:175px; margin:10px;  }
			div.product img.thumb { display:block; text-align:center; margin: 0 auto; }
			a.name { font-weight:bold; display:block; margin:3px 0; }
			div.product p { margin:3px 0; }
			div.product a.add { position:absolute; bottom:0px; left:0px; }
							
/* right column */
div.content div.callouts { float:right; width:186px; }
	
	div.content div.callouts div.web { overflow:hidden; width:166px; position:relative; border:1px solid #d9d9d9; background:url(/images/bg_web.gif) 0 0 repeat-x; padding:10px; margin:0 0 15px 0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:10px; }
		div.content div.callouts div.web img.ribbon { position:absolute; top:0px; right:-166px; z-index:9; }
		div.content div.callouts div.web img.thumb { position:relative; left:-166px; }
		div.content div.callouts div.web div { display:none; }
			div.content div.callouts div.web p { font-weight:bold; margin:3px 0; }
			div.content div.callouts div.web div.price { text-decoration:line-through; }
			div.content div.callouts div.web div.sale strong { font-weight:bold; color:#9d0000; }
			div.content div.callouts div.web a { position:absolute; bottom:10px; right:10px; }
		
	div.content div.callouts div.quarterly { width:166px; position:relative; border:1px solid #d9d9d9; padding:10px; margin:0 0 15px 0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:10px; }
		div.content div.callouts div.quarterly h1 { font-size:13px; font-weight:bold; }
		div.content div.callouts div.quarterly h2 { font-weight:bold; margin:30px 60px 0 0; }
		div.content div.callouts div.quarterly p { color:#444444; margin:0 60px 20px 0; }
		div.content div.callouts div.quarterly a {  }
		
	div.content div.callouts div.latest { width:186px; color:#444444; position:relative; border:1px solid #d9d9d9; margin:0 0 15px 0; padding:0 0 15px 0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:10px; }
		div.content div.callouts div.latest h1 { color:#000; font-size:13px; font-weight:bold; background:url(/images/bg_latest_h1.gif) 0 0 repeat-x; padding:6px 0 0 10px; height:18px; border-bottom:1px solid #FFF; }
		div.content div.callouts div.latest ul { padding:10px; background:url(/images/bg_latest_ul.gif) 0 0 repeat-x; } 
			div.content div.callouts div.latest ul li { width:166px; padding:0 0 10px 0; border-bottom:1px solid #d9d9d9; margin:0 0 10px 0; } 
			div.content div.callouts div.latest ul li h2 { color:#000; font-weight:bold; } 
		div.content div.callouts div.latest a.more { position:absolute; bottom:10px; right:10px; }
