@charset "utf-8";
/*
**	Copyright © Joseph Earl 2009, all rights reserved.
**
**	All code, images, logos and the general design or 'style' of
**	http://www.joeearl.co.uk are copyright, unless otherwise
**	specified.
**
**	DOCUMENT: product.css
**	DESCRIPTION: Styles for portfolio products
**	UPDATED: 2009/06/28
*/

div#product-header { margin:0 0 20px 0; padding:0; }
div.content-page div#product-header img { margin:0; padding:0; }
div#product-links { position:relative;
	background:#E4E4E4 url(featured/product_menu_bg.jpg) top left no-repeat;
	width:505px; padding:0 0 2px 0; margin:-10px 0 0 0; }
div.content-page ul.product-links { list-style-type:none;
	list-style-image:none; color:#FFF; margin:0 0 4px 0; text-align:center;
	padding:2px; width:501px; border-top:1px solid #333; }
div.content-page ul.product-links li { float:left;	display:block;
	background-image:none; margin:0; padding:0 4px 0 4px;
	border-right:1px dotted #333; width:auto; }
div.content-page ul.product-links li.last { border-right:0; }
ul.product-links li a { display:block;
	padding:6px 10px 6px 10px; background-image:none;
	margin:0; text-decoration:none; font-weight:bold; }
div.content-page ul.product-links li a:hover { color:#FFF; }
ul.product-links li.bg1 a { color:#E10024; }
div.content-page ul.product-links li.bg1 a:hover { background:#E10024; }
ul.product-links li.bg2 a { color:#005A97; }
div.content-page ul.product-links li.bg2 a:hover { background:#005A97; }
ul.product-links li.bg3 a { color:#292929; }
div.content-page ul.product-links li.bg3 a:hover { background:#292929; }
ul.product-links li.bg4 a { color:#3366FF; }
div.content-page ul.product-links li.bg4 a:hover { background:#3366FF; }
ul.product-links li.bg5 a { color:#993399; }
div.content-page ul.product-links li.bg5 a:hover { background:#993399; }
ul.product-links li.bg6 a { color:#39CC00; }
div.content-page ul.product-links li.bg6 a:hover { background:#39CC00; }
ul.product-links li.bg1-selected a { color:#FFF;
	background:#E10024 url(featured/product_selected.png) top center no-repeat; }
ul.product-links li.bg2-selected a { color:#FFF;
	background:#005A97 url(featured/product_selected.png) top center no-repeat; }
ul.product-links li.bg3-selected a { color:#FFF;
	background:#292929 url(featured/product_selected.png) top center no-repeat; }
ul.product-links li.bg4-selected a { color:#FFF;
	background:#3366FF url(featured/product_selected.png) no-repeat top center; }
ul.product-links li.bg5-selected a { color:#FFF;
	background:#993399 url(featured/product_selected.png) no-repeat top center; }
ul.product-links li.bg6-selected a { color:#FFF;
	background:#39CC00 url(featured/product_selected.png) no-repeat top center; }
div.content-page ul { font-size:0.8em; font-weight:bold; }

div.bg1 { padding:0 3px 1px 3px; background:#E10024; }
div.bg2 { padding:0 3px 1px 3px; background:#005A97; }
div.bg3 { background:#292929; padding:0 3px 1px 3px; }
div.bg4 { background:#3366FF; padding:0 3px 1px 3px; }
div.bg5 { background:#993399; padding:0 3px 1px 3px; }
div.bg6 { background:#39CC00; padding:0 3px 1px 3px; }

table.product { width:505px; }
table.product td { vertical-align:top;
	margin:0; padding:3px 0 3px 0; }
table.product td.table_left { width:250px; padding-left:0; }
td.table_right { color:#FFF; }
td.table_right h3 { color:#FFF; }
td.table_right ul li { background-image:url(bullets/bullet_white.png);}
td.table_right ul li a { text-decoration:underline; font-weight:bold; }
td.table_right ul li a:hover { color:#E4E4E4; }

/* image thumbnails */
div.thumb-box a { padding:1px; margin:0; }
div.thumb-box a img { border:1px solid; padding:2px; margin:0; }

table.product ul ul { padding:3px 3px 3px 20px;	 font-size:0.9em; }
table.product ul ul li {
	background-image:url(bullets/bullet_sub.png);	
}

/* download box */
div.download-box { margin:10px 10px 10px 0;
	padding:0 2px 2px 2px; position:relative; max-width:260px; }
div.download-box a { color:#292929; font-weight:bold;
	text-decoration:none; outline:none; }
div.download-box a:hover { color:#292929; }
div.download-box a span.container { display:block;
	border:2px solid #CCC; min-height:50px; background:#E6E6E6; padding-left:50px; }
div.download-box a:hover span.container { border:2px solid #6F3; background: #C6ECBA; }
div.download-box a span span.arrow {
	display:block; background:none; position:absolute; z-index:100;
	height:50px; width:50px; top:0; left:2px;
	background:transparent url(misc/download_arrow.png) 5px 0 no-repeat; }
div.download-box a:hover span.arrow { background-image:url(misc/download_arrow_hover.png); }
a span.file-size { font-weight:normal; position:absolute; bottom:5px;
	right:2px; color:#555; padding:0 3px 0 0; font-size:0.9em; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
a span.file-version { font-size:0.9em; padding:5px 0 0 0;
	font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

div.readme ul { font-size:0.9em; margin-bottom:10px; }
div.readme ul li { background-image:url(bullets/bullet_purple.png); }
div.readme ul ul { font-size:0.9em; }
div.readme ul ul li { background-image:url(bullets/bullet_sub_grey.png); background-position: 0 2px; }
div.readme h5 { margin:4px 0 4px 0; padding:0; }

div.readme ol { font-size:0.8em; margin:8px 0 14px 0; padding:0 0 0 28px;}
div.content-page li.bg1 { background-image:url(bullets/bullet_red.png); }
div.content-page li.bg1 a { color:#E10024; }

div.content-page li.bg2 { background-image:url(bullets/bullet_deep_blue.png);	}
div.content-page li.bg2 a { color:#005A97; }

div.content-page li.bg3 { background-image:url(bullets/bullet_grey.png);	}
div.content-page li.bg3 a { color:#292929; }

div.content-page li.bg4 { background-image:url(bullets/bullet_blue.png);	}
div.content-page li.bg4 a { color:#3366FF; }

div.content-page li.bg5 { background-image:url(bullets/bullet_purple.png); }
div.content-page li.bg5 a { color:#993399; }

div.content-page li.bg6 { background-image:url(bullets/bullet_green.png);	}
div.content-page li.bg6 a { color:#39CC00; }
div.readme h3 a { color:#FFF; }

div.readme table td { vertical-align:top; }

div.readme p.warning { background:#E4E4E4; color:#F03; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px; font-weight:bold; }

div.bg1 a { color:#292929; font-weight:bold;  }
div.readme div.bg1 { color:#FFF; margin:5px 0 20px 0; padding:3px; }
div.readme div.bg1 ul { padding: 0 0 0 14px; }
div.readme div.bg1 ul li { background-image:url(bullets/bullet_white.png); font-weight:normal; }
div.bg1 h5 a { color:#292929; border-bottom:1px dashed #292929; }

div.bg2 a { color:#FFF; font-weight:bold;  }
div.readme div.bg2 { color:#FFF; margin:5px 0 20px 0; padding:3px; }
div.readme div.bg2 ul { padding: 0 0 0 14px; }
div.readme div.bg2 ul li { background-image:url(bullets/bullet_white.png); font-weight:normal; }
div.bg2 h5 a { color:#E6E6E6; border-bottom:1px dashed #E6E6E6; }
div.bg2 pre { color:#FFFFFF; }

div.bg3 a { color:#F03; font-weight:bold; }
div.bg3 a:hover { color:#E6E6E6; }
div.readme div.bg3 { color:#FFF; margin:5px 0 20px 0; padding:3px; }
div.readme div.bg3 ul { padding: 0 0 0 14px; }
div.readme div.bg3 ul li { background-image:url(bullets/bullet_white.png); font-weight:normal; }
div.bg3 h5 a { color:#E6E6E6; border-bottom:1px dashed #E6E6E6; }

div.readme div.bg4 { color:#FFF; margin:5px 0 20px 0; padding:3px; }
div.bg4 a { color:#CFF; font-weight:bold; }
div.readme div.bg4 ul { padding: 0 0 0 14px; }
div.readme div.bg4 ul li { background-image:url(bullets/bullet_white.png); font-weight:normal; }
div.bg4 h5 a { color:#E6E6E6; border-bottom:1px dashed #E6E6E6; }
div.readme div.bg4 h3 a { color:#FFF; }

div.bg5 a { color:#CFF; font-weight:bold; }
div.readme div.bg5 { color:#FFF; margin:5px 0 20px 0; padding:3px; }
div.readme div.bg5 ul { padding: 0 0 0 14px; }
div.readme div.bg5 ul li { background-image:url(bullets/bullet_white.png); font-weight:normal; }
div.bg5 h5 a { color:#E6E6E6; border-bottom:1px dashed #E6E6E6; }


div.bg6 a { color:#FFF; font-weight:bold; }
div.bg6 a:hover { color:#CCC; }
div.readme div.bg6 { color:#FFF; margin:5px 0 20px 0; padding:3px; }
div.readme div.bg6 ul { padding: 0 0 0 14px; }
div.readme div.bg6 ul li { background-image:url(bullets/bullet_white.png); font-weight:normal; }
div.bg6 h5 a { color:#292929; border-bottom:1px dashed #292929; }
div.readme div.bg6 ul.plus li { background-image:url(bullets/bullet_sub.png); background-position: 0 3px; }
div.content-page ul.plus li { background-image:url(bullets/bullet_sub.png); background-position: 0 3px; }
div.content-page li pre { width:auto; color:#FFF; font-size:1em; }

table.bg2 td { font-size:0.9em; }
table.bg2 td a { color:#005A97; }