/* -----------------------------------------
	1: RESET [start from scratch]
----------------------------------------- */

/* 
	Latest version of the Eric Meyer Reset:
	http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
	
	Updates -> see EIGHTMEDIA UPDATE's:
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	_font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none; background: #FFFFCC;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -----------------------------------------
	1.1: GENERIC FIXES [fixes clearing issues with floats]
	http://www.positioniseverything.net/easyclearing.html
----------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* -----------------------------------------
	2: GENERICS [Generic type, .classes, etc]
----------------------------------------- */
body{
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* -----------------------------------------
	TYPOGRAPHY
----------------------------------------- */
div{font-size: 1em;} /* = 10px */

p, dl, td, th, li, pre, code, kbd, samp, pre, tt, input{
	font-size: 1.3em; /* 13px */
}
p{
	line-height: 1.7em;
	margin-bottom: 1.5em;
	color: #424242;
}

strong{font-weight: bold;}
em{font-style: italic;}
cite{font-style: italic;}
abbr, acronym { cursor: help; text-transform: uppercase; font-size: 85%; letter-spacing: .1em; border-bottom: 1px dotted #000;}
pre { white-space: pre; }
pre * { font-size: 1.3em; line-height: 1.5em; white-space: pre; }
blockquote { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #666; }
blockquote > p:before { content: "\201C"; }
blockquote > p:after { content: "\201D"; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

address,
blockquote{margin: 1.5em 0;font-size: 1.3em;line-height: 1.5em;}
blockquote p{margin: 1.0em;}

hr { display: block; background: #e4e4e4; color: #e4e4e4; width: 100%; height: 1px; border: none; margin: 20px 0;}
.toggleBlock hr{ background:#D1EBF2; color: #D1EBF2; }
/* Cascading font size should remain same! */
/* TODO: Check this out? Necessary?! */
td td,li ul li,li ol li,td p,blockquote p,dd p, li p,ul li ul li,ul li ul li p,ol li ol li,ol li ol li p{
	font-size: 1.0em!important;
	line-height: 1.5em!important; /* TODO: Check this out? Necessary?! */
}

/* -----------------------------------------
	HEADERS
----------------------------------------- */
h1, h2, h3, h4, h5, h6{
	font-family: Arial, verdana, sans-serif;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}
h1{
	background: transparent url('/static/img/ico_h1.gif') no-repeat 0 3px;
	padding: 6px 0 7px 38px;
	margin: 0 0 0.7em 0;
	font-size: 2.6em;
	color: #ed154a;
	border-bottom: 1px solid #e4e4e4;
}
h1.noBorder{
	border: none;
}
h2{font-size: 1.5em;color: #00405d; font-weight: bold;}


h3{font-size: 1.3em;color: #ed174d; font-weight: bold;}
h3.blue{color: #00405d;}
h3.green{color: #5b9f66;}
h3.quoteHeading{ background: transparent url('/static/img/bg_li_item.gif') no-repeat center left; text-indent: 1em;}
h4{font-size: 1.2em;color: #000;font-weight: bold;}
h5{font-size: 1.3em; color: #000;font-weight: bold; font-style: italic;}
h6{font-size: 1.3em; color: #000;font-weight: bold;}

html *{
	background: white;
	color: #333;
}
/* -----------------------------------------
	LINKS
----------------------------------------- */
a:link,
a:visited,
a:hover,
a:active{
	color: #333;
	text-decoration: underline;
}
a:hover,
a:active{
	color: #CCC;
}
#pageContent a:link.button,
#pageContent a:visited.button,
#pageContent a:hover.button,
#pageContent a:active.button{
	border: none;
	text-decoration: none;
}

/* -----------------------------------------
	LISTS
----------------------------------------- */
ul, ol{ 
	list-style-type: disc; 
	list-style-position: outside; 
	margin: 2em 0;
	margin-left: 2em;
}
ol{list-style-type: decimal;}
	ul li, ol li{margin: 0.5em 0;}


dl{margin: 0.5em 0;line-height: 2em;}
	dl dt{font-weight: bold;}
	dl dd{margin-left: 1.0em;}

/* horizontal lists */
ul.horizontal,
ol.horizontal{
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
}
	ul.horizontal li,
	ol.horizontal li{
		display: inline;
		float: left;
		margin: 0;
	}
	
	
#globalNav,#navigation, #breadcrumbContainer, #subNav, #companyFilterBlock, #footer, .goBack, fieldset,
.toggleBlock, #logo

{
	display: none;
}