@import url(../css/scaffold.css);
@import url(../support/content.css);

/* --- Header --- */
	#header h2 a{display:block; width:593px; height:125px; background:url(../support/images/logo.gif) no-repeat top left; position:absolute; top:0px; left:50%; margin-left:-296px; overflow:hidden;}
/* --- Navs --- */
	.pushDown{margin-bottom:18px !important;}
	#airCooled {height:13px; width:100%; line-height:13px; margin-bottom:4px;}
	#airCooled a{display:block; height:13px; background:url(../support/images/airTitle.gif) no-repeat top left; overflow:hidden;}
	#waterCooled {height:13px; line-height:13px; margin:16px 0 4px 0;}
	#waterCooled a{background:url(../support/images/waterTitle.gif) no-repeat top left; display:block; height:13px; width:100%; overflow:hidden;}
	#protec {height:38px; margin:16px 0 0 0;}
	#protec a{background:url(../support/images/protecTitle2.gif) no-repeat top left; display:block; height:38px; width:100%; overflow:hidden;}
	#bottom{clear:both; height:20px;}
/* --- Content Buffer --- */
	#contentBuffer{float:left; width:548px; margin:0 10px 0px 0px; min-height:300px;}
	#contentBuffer .B_crumbBox{font-size:11px;}
	#contentBuffer .B_crumbBox a, #contentBuffer .B_crumbBox .B_currentCrumb{ padding:0 2px;}
	#breadcrumbs{list-style:none; margin:0 !important;}
	#breadcrumbs li{display:inline; border-left:1px solid #000; padding:0 1px 0 4px; font-size:11px;}
	#breadcrumbs li a{text-decoration:none; color:#000;}
	
.button{color:#182a33; text-decoration:none; display:block; height:19px; width:190px; border:1px solid #ccc; background:url(../support/images/sNavBg1.gif) repeat-x top left; padding:4px 0 0 7px; margin-bottom:5px;}
.button:hover{background-position:bottom left; border-color:#8e919a; color:#000;}

/* --- Table Shens --- */
table{width:100%; margin-bottom:1em;}
td, th{padding:3px; text-align:left;}
th{border-bottom:2px solid #a4b4c3;}
td{border-bottom:1px solid #a4b4c3;}
.zebra{background:#f1f3f6;}

/*===================================== Ask a Question Form =================================*/
#askquestion{padding-left:0px; float:right;}
#askquestion h2{background:transparent url(images/sNavBg1.gif) repeat-x top left; width:147px; height:19px; font-size:12px; padding:4px 0 0 6px; color:#182A33; border:solid 1px #cccccc;}
#askquestion form{ padding-left:7px; padding-top:5px; border:solid 1px #cccccc; font-size:10px;}
#askquestion form fieldset{ padding-left:0px; padding-top:5px; border:none;}
#askquestion form label{ float:none; display: compact; padding:0; text-align:left; height:0px; color:#182A33;}
#askquestion form input{margin-bottom:5px; width:10em;}
#askquestion form textarea{ width:10.2em; margin-bottom:5px;}
#askquestion form .submit-btn{ width:5em;}


/*===================================== Questionnaire Button =================================*/
#questionnaireBtn{
	background:url(../images/questionnaire-btn.png) no-repeat top left;
	width:233px;
	height:50px;
	text-indent:-999em;
	display:block;
	border:none;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:20px;
}


/*==========================================================*/

table
	{
	width: 100%;
	border-collapse: collapse;
	background-color: white;
	color: black;
	/*font: 10pt verdana, arial;*/
	margin-bottom: 25%; /* %, px, em, ex ? */
	}

tr.subhead
	{
	background-color: #cccccc;
	}
th.alt
	{
	background-color: black;
	color: white;
	padding: 3% 3% 2%;
	}
tr.alt
	{
	background-color: #eeeeee;
	}

h1
	{
	font: 24pt verdana, arial;
	margin: 0;
	}

h2
	{
	font: 18pt verdana, arial;
	margin: 0;
	}

h3
	{
	font: 12pt verdana, arial;
	margin: 0;
	}

th a
	{
	color: #00008b;
	font: 8pt verdana, arial;
	}

a
	{
	color: #00008b;
	text-decoration: none;
	}

a:hover
	{
	color: #00008b;
	text-decoration: underline;
	}

div.outer
	{
	width: 90%;
	margin: 15%;
	}

table.viewmenu td
	{
	background-color: #006699;
	color: white;
	padding: 0 5%;
	}

table.viewmenu td.end
	{
	padding: 0;
	}

table.viewmenu a
	{
	color: white;
	font: 8pt verdana, arial;
	}

table.viewmenu a:hover
	{
	color: white;
	font: 8pt verdana, arial;
	}

a.tinylink
	{
	color: #00008b;
	font: 8pt verdana, arial;
	text-decoration: underline;
	}

a.link
	{
	color: #00008b;
	text-decoration: underline;
	}

div.buffer
	{
	padding-top: 7%;
	padding-bottom: 17%;
	}

.small
	{
	font: 8pt verdana, arial;
	}
table td.nopad
	{
	padding-right: 5%;
	}
	
/*==================================== QUICK FORM ==========================*/
#quickForm{
	width:156px;
	margin:0;
	clear:both;
}
	#rightColumn #quickForm h3{
		background:url(../support/images/sNavBg1.gif );
		background-repeat:repeat-x;
		background-position:left top;
		border:solid 1px #cccccc;
		color:#182A33;
		width:147px;
		height:19px;
		font-size:12px;
		font-weight:bold;
		display:block;
		padding:4px 0px 0px 7px;
		margin:0;
	}
	#quickForm fieldset{
		border:solid 1px #cccccc;
		width:150px;
		padding:7px 0px 0px 4px;	
	}
	#quickForm span{
		color:red;	
	}
	#quickForm label{
		font-size:8pt;
		color:#182A33;
	}
	#quickForm input{
		width:10.5em;
		margin-bottom:7px;
	}
	#quickForm textarea{
		width:10.8em;
		margin-bottom:10px;
		height:6em;
	}
	#quickForm .submit_btn{
		width:5.8em;
	}
	
	
#rightColumn{
	float:left;
}

p.contact-callout {
        border: 1px solid #b0b0b0;
        clear: both;
        color: #393939;     /* adjust accordingly */
        font-size: 12px;  /*adjust accordingly*/
        font-weight: 700;
        line-height: 1.2;
        padding: 0.5em;
        text-align: center;
        width: 80%;
        margin: 15px 20px 10px;
        display: block;
        float: left;
}
        p.contact-callout a.emphasis {
               color: #000;
               display: block;
               text-decoration: underline;
               text-transform: uppercase;
        }
#socialBar {width: 55px; list-style: none;}
#socialBar li {padding: 0; margin: 0; float: left; width: 16px; margin-right: 2px;}
#socialBar li a {display: block; background-image: url(../images/social/socialtoolbar.png);background-repeat: no-repeat; height: 16px;}
#socialBar li a.emailButton {background-position:0px 0px;}
#socialBar li a:hover.emailButton {background-position:0px -16px;}
#socialBar li a.printButton  {background-position:-19px 0px;}
#socialBar li a:hover.printButton  {background-position:-19px -16px;}
#socialBar li a.twitterButton {background-position:-38px 0px;}
#socialBar li a:hover.twitterButton {background-position:-38px -16px;}	
.socialLineOne {margin-bottom: 5px;}
.social-bar-container {width: 130px; margin: 0; padding: 0;}