/*------------ OVERRIDE ALL PERSISITE TEXT ONLY STYLING ----------------- */
img
{
	height:			auto;
	width:			auto;
	position:		relative;
	top:			auto;
	left:			auto;
}

li#hideMeOnTextOnly
{
	display:					inline;
	float:						left;
	position:					relative;
	top:						auto;
	left:						auto;
}




/*-------------------- CSS to hide items for stylesheer switcher ------------------ */
li#hideMeOnNormal, h1#hideMeOnNormal
{
	position:					absolute;
	top:						-999px;
	left:						-999px;
}


html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img 
{
	margin: 				0px;
	padding:                0px;
	border: 				0px;
}

html
{
	font-family:			Arial, Helvetica, sans-serif;
}

body
{
	font-family:					Arial, Helvetica, sans-serif;
	background-color:				#E5ECF4;
}

div#outerContainer
{
	display:						block;
	width:							767px;
	position:						relative;
	margin-left:					auto;
	margin-right:					auto;
	margin-top:						17px;
	margin-bottom:					25px;
}

div#container
{
	display:						inline;
	float:							left;
	width:							735px;
	padding:                        6px 16px 16px 16px;
	background-color:				#FFFFFF;
}

div#header
{
	display:						inline;
	float:							left;
	width:							735px;
	position:relative;
}

.hass-logo{float:left; clear:both; margin-top:10px }

div#header div#headerLogo
{
	display:						block;
	float:							right;
	margin-top: 					10px;
	width:							200px;
	text-align:						right;
	
}



div#header br
{
	clear:							left;
}

div#header ul
{
	display:						inline;
	list-style:						none;
	float:							left;
}

div#header div#headerMenu-1
{
	display:						block;
	width: 							485px;
	float:							left;
	margin:							45px 0px 10px 20px;
}

div#header div#headerMenu-2
{
	display:						block;
	width: 							485px;
	float:							left;
	margin:							0px 0px 0px 20px;
}

div#header ul li
{
	display:						inline;
	float:							left;
	border-left:					1px solid #11549B;
	padding-left:                   10px;
	padding-right:                  10px;
}

div#header ul li.first-noLeftBorder
{
	border-left:					none;
	padding-left:0px;
}

div#header ul li a:link, div#header ul li a:visited
{
	text-decoration:				none;
	color:							#11549B;
	font-size:						75%;
	font-weight:					bold;
}

div#header ul li a:active, div#header ul li a:hover
{
	color:							#32C7F7;
}

div#quickLinksBar
{
	display:						inline;
	float:							left;
	background-color:				#004894;
	height:							71px;
	width:							735px;
	margin-top:						15px;
	background-image:				url(/images/common/header_bar_BG.gif);
	background-position:			top left;
	background-repeat:				no-repeat;
}

div#quickLinksBar form select
{
	width:							200px;
}

div#quickLinksBar div#quickLinks
{
	display:						inline;
	float:							left;
	width:							220px;
	height:							50px;
	margin:							15px 0px 0px 15px;
}

div#quickLinksBar div#quickLinks h2
{
	color:							#00B9F5;
	font-size:						small;
}

div#quickLinksBar div#flashText
{
	display:						inline;
	float:							right;
	margin:							0px 0px 0px 0px;
	width:							500px;
	height:							70px;
	position:						relative;
	left:							auto;
	top:							auto;
}

div#bodyWithBG
{
	display:						inline;
	float:							left;
	width:							735px;
	background-color:				#E5ECF4;
	background-image:				url(/images/common/left_column_BG.gif);
	background-repeat:				no-repeat;
	background-position:			bottom left;
}

div#leftColumn
{
	display:						inline;
	float:							left;
	width:							197px;
}

div#content
{
	display:						inline;
	float:							left;
	background-color:				#FFFFFF;
	width:							538px;
	overflow:						hidden;
}


/* ------------------------ Locations ----------------------- */
div#content div.locationRow
{
	display:						inline;
	float:							left;
	width:							537px;
}

div#content div.locationRow div.description
{
	display:						inline;
	float:							left;
	width:							260px;
}

div#content div.locationRow div.details
{
	display:						inline;
	float:							left;
	width:							260px;
}

/* ----------------------footer menu-----------------*/

div#content div#footerMenu
{
	float:							left;
	display:						inline;
	width:							538px;
	text-align:						right;
	margin:							10px 0px 0px 0px;
}

div#footerMenu ul
{
	display:						inline;
	list-style:						none;
	float:							right;
}

div#footerMenu ul li
{
	display:						inline;
	float:							left;
	border-left:					1px solid #11549B;
	padding-left:                   10px;
	padding-right:                  10px;
}

div#footerMenu ul li.first-noLeftBorder
{
	border-left:					none;
	padding-left:0px;
}

div#footerMenu ul li a:link, div#footerMenu ul li a:visited
{
	text-decoration:				none;
	color:							#11549B;
	font-size:						small;
	font-weight:					bold;
}

div#footerMenu ul li a:active, div#footerMenu ul li a:hover
{
	color:							#32C7F7;
}

/* ---------------------------------- typography for main content ---------------------- */
div#content h1
{
	color:							#22C2F6;
	font-size:						small;
	margin:							25px 15px 15px 40px;
}

div#content h2
{
	font-size:						small;
	color:							#22C2F6;	
	margin:							15px;
}

div#content h3
{
	font-size:						small;
	color:							#22C2F6;	
	margin:							25px 15px 15px 40px;
}


div#content ul, div#content ol
{
	font-size:						small;
	margin:							15px 15px 15px 65px;
}

div#content ol#faqsList
{
	font-weight:					bold;
	margin:							15px 55px 15px 75px;
}


div#content li
{
	font-size:						small;
}

div#content ul.newsroom
{
	font-size:						small;
	margin:							15px 15px 15px 55px;
	list-style-type:				none;
}
div#content li.newsroom
{
	padding-left:					0px;
	border:							none;
	line-height:					20px;	
	border-bottom:					1px solid #CACACA;
	margin:							10px 0 10px 0;
	padding-bottom:					10px;	
}

div#content p
{
	font-size:						small;
	margin:							15px 15px 15px 40px;
}

div#content span.blue
{
	font-size:						small;
	color:							#2260A2;
}

div#content a:link, div#content a:visited
{
	color:							#3E62A6;
	text-decoration:				none;
}

div#content a:active, div#content a:hover
{
	text-decoration:				underline;
}
div#content .tabletext{
	font-size: small;
	margin:							15px 15px 15px 40px;	
}	
div#content form 
{
	display:						inline;
	float:							left;
	margin:							15px 15px 15px 40px;
}
#content form.contactus {
	margin-bottom:40px
}

div#content form input#goButton
{
	display:						inline;
	float:							left;
	margin:							0px 10px 0px 0px;
}

div#content table.faqsTable
{
	font-size:						small;
	margin:							0px 0px 0px 35px;
	background-color:				#e5ecf4;
}

div#content table.faqsTable th
{
	text-align:						left;
	background-color:				#e5ecf4;
	color:							#11549b;
	padding:                        2px 20px 2px 2px;
}

div#content table.faqsTable tr
{
	border-bottom:					1px solid #999999;
	background-color:				#FFFFFF;
}

div#content div#faqsAddressBox
{
	display:						inline;
	float:							left;
	width:							535px;
	margin:							0px 0px 0px 0px;
}

div#content div.faqsAddress
{
	display:						inline;
	float:							left;
	width:							200px;
	margin:							0px 0px 30px 75px;
}

div#content div.faqsAddress p, div#content div.faqsAddress h3
{
	margin:							0px 0px 0px 0px;
}

/* --------------------------------------- typography left column -------------*/
div#leftColumn h1
{
	color:							#004894;
	font-size:						small;
	margin:							25px 15px 10px 15px;
	padding-bottom:                 5px;
	border-bottom:					1px dashed #004894;
}

div#leftColumn h2
{
	font-size:						small;
	font-size:						medium;
	margin:							20px 15px 5px 15px;
	color:							#004894;
}

div#leftColumn h3
{
	font-size:						small;
	margin:							5px 15px 0px 15px;
	color:							#004894;
}

div#leftColumn ul, div#leftColumn ol
{
	font-size:						small;
	margin:							15px 15px 15px 15px;
	list-style:						none;
}

div#leftColumn li
{
	font-size:						small;
}

div#leftColumn ul#manufacturersImageList
{
	background-color:				#FFFFFF;
	border:							1px solid #E5ECF4;
	margin:							0px;
}

div#leftColumn ul#manufacturersImageList li
{
	display:						inline;
	list-style:						none;
	margin:							0px;
	padding:0px;
}

div#leftColumn ul#manufacturersImageList li img
{
	display:						inline;
	margin:							0px;
	padding:0px;
}

div#leftColumn p
{
	font-size:						small;
	margin:							5px 15px 15px 15px;
}

div#leftColumn span.blue
{
	font-size:						small;
	color:							#2260A2;
}

div#leftColumn a:link, div#leftColumn a:visited
{
	color:							#3FCEFE;
	font-weight:					bold;
	text-decoration:				none;
}

div#leftColumn a:active, div#leftColumn a:hover
{
	text-decoration:				underline;
}

div#leftColumn form input#leftColumnSearch
{
	display:						inline;
	float:							left;
	border:							#FFFFFF 1px solid;
	color:							#3FCEFE;
	font-weight:					bold;
	width:							140px;
}

div#leftColumn form 
{
	display:						inline;
	float:							left;
	margin:							15px 0px 15px 15px;
}

div#leftColumn form input#goButton
{
	display:						inline;
	float:							left;
	margin:							0px 0px 0px 5px;
}

.pdfDownload
{
	float: left;
	width: 170px;
	padding: 15px 15px 15px 15px;
	border: solid 1px #FFF;
	background-color: #E5ECF4;
	margin: 0 20px 0 0;
	text-align: center;
	text-decoration: none;
}
.pdfDownload img
{
	margin: 0 0 10px 0;
}

div#content a.pdfDownload:hover,
div#content a.pdfDownload:active
{
	text-decoration: none;
	border-color: #3FCEFE;
}