/*
everything related to the layout and appearance of typography should go in here.

only em should be used for fonts.

due to reset.css, 1.2 em = 12px, 1.5em = 15px, works all os' and all browsers.
*/

body, form, input, label, select { font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif; color: #455560; }

form, input, label, select {
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 1.2em; }

h1 {
	font-weight: bold;
	font-size: 2em; }

h2 {
	font-weight: bold;
	font-size: 1.4em; }

h3 {
	font-weight: bold;
	font-size: 1.3em; }


a {
	color: #f7901e;
	text-decoration: none; } 
	
	a:hover { text-decoration: underline; }

h1, h2, h3, p { /* using em for bottom margin so heading tags get more margin (its inherited from parent). */
	margin: 0 10px;
	line-height: 1.5em; }

p { font-size: 1.2em; margin-bottom: 1em; }

ul { list-style-type: square; }

ol { list-style-type: decimal; }	

	ul, ol {
		list-style-position: outside;
		margin: 0 0 10px 15px;
		font-size: 1.2em; }

		ul li, ol li {
			
			margin: 0 0 0 10px; }

strong { font-weight: bold; }

i { font-style: italic; }

.page-title h1 { background-image: url(/images/page-title-arrow.png); }
.box h2 { background-image: url(/images/box-title-arrow.png); }
.product-panel h2 { background-image: url(/images/product-title-arrow.png); }

.page-title h1 {
	background-repeat: no-repeat;
	font-weight: normal;
	margin-top: 0.7em; }
	
.product-panel h2 {
	background-repeat: no-repeat;
	font-weight: normal; }

.page-title h1 {
	background-position: 0 12px;
	border-bottom: 1px dotted #8f99a0;
	font-size: 2.2em;
	margin: 0 0 0.5em;
	padding: 0 24px 6px; }
	
.product-panel h2 span, .page-title h1 span {
	font-weight: bold; }
	
	.feature-list h2 {
		background-image: url(/images/feature-title-arrow.png);
		background-position: -50px 11px;
		background-repeat: no-repeat;
		cursor: pointer;
		padding: 2px 15px; }
	
	.feature-list li.on h2 {
		background-position: 0 11px;
		cursor: default;
		font-size: 2em;
		padding: 0 25px; }
	
	.feature-list p {
		font-size: 1em;
		line-height: 1.2em;
		margin-bottom: 0;
		padding: 5px 15px; }

.intro {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.3em; }
	
.bulletList { margin: 10px 0 0 20px; }
.bulletList li { list-style: disc; margin: 10px; }



.pdfdownload { margin-left: 0; }

.pdfdownload li {
	list-style-type: none; }
	
	.pdfdownload li a {
		background-image: url("/images/icon-pdf.gif");
		background-position: 2px -2px;
		background-repeat: no-repeat;
		margin-bottom: 1em; 
		padding: 0 0 0 20px; }