/* CSS Document */

body {
	background-color: #FEECC6; 
/*	background-color: #CCFF33; */
	background-image: url(/Images/ILLUMRA-bg2.jpg);
	background-repeat: repeat-x;
	width: 900px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px; 
/*	margin-top: 20px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	position: relative;
}

a:link { color: #808080; text-decoration: underline; font-weight: 600; background-color: transparent }
a:visited { color: #808080; text-decoration: underline; font-weight: 600; background-color: transparent }
a:hover { color: #FFC10E; text-decoration: none; font-weight: 600; background-color: transparent }
a:active { color: #FFC10E; text-decoration: none; font-weight: 600; background-color: transparent }

a.headerLink:link { color: #FFFFFF; text-decoration: none; font-weight: 400; background-color: transparent }
a.headerLink:visited { color: #FFFFFF; text-decoration: none; font-weight: 400; background-color: transparent }
a.headerLink:hover { color: #000000; text-decoration: none; font-weight: 400; background-color: transparent }
a.headerLink:active { color: #000000; text-decoration: none; font-weight: 400; background-color: transparent }

a.newsLinkContent:link { color: #808080; text-decoration: none; font-weight: 400; background-color: transparent }
a.newsLinkContent:visited { color: #808080; text-decoration: none; font-weight: 400; background-color: transparent }
a.newsLinkContent:hover { color: #FFC10E; text-decoration: underline; font-weight: 400; background-color: transparent }
a.newsLinkContent:active { color: #FFC10E; text-decoration: underline; font-weight: 400; background-color: transparent }

a.newsLinkTitle:link { color: #000000; text-decoration: underline; font-weight: 400; background-color: transparent }
a.newsLinkTitle:visited { color: #000000; text-decoration: underline; font-weight: 400; background-color: transparent }
a.newsLinkTitle:hover { color: #FFC10E; text-decoration: underline; font-weight: 400; background-color: transparent }
a.newsLinkTitle:active { color: #FFC10E; text-decoration: underline; font-weight: 400; background-color: transparent }

a.catText:link { color: #000000; text-decoration: none; font-weight: 600; cursor: pointer; }
a.catText:visited { color: #000000; text-decoration: none; font-weight: 600; cursor: pointer; }
a.catText:hover { color: #000000; font-weight: 600; background-color: #FFC10E; cursor: pointer; }
a.catText:active { color: #000000; text-decoration: none; font-weight: 600; cursor: pointer; }
a.catText:hover h2 { color:#000000; }



h1 {
	font-family: Verdana, Sans-serif;
	color: #808080;
	font-size: large;
	font-weight: 700;
	margin: 0px 0px 8px 0px;
	border-bottom: solid 2px #FFC10E;
	padding-bottom: 4px;
}

.itemTitle {
	border: none;
}

h2 {
	font-family: Verdana, Sans-serif;
	font-size: small;
	font-weight: 700;
	background-color: #FFC10E;
	padding: 5px;
	margin: 0px 0px 8px 0px;
	
/*	border-bottom: solid 2px #FFC10E; */
}

h3 {
	font-family: Verdana, Sans-serif;
	font-size: smaller;
	font-weight: 700;
	margin: 0px 0px 8px 0px;
	background-color: #DDDBDC;
	padding: 5px;
	width: 66%;
}

h4 {
	font-family: Verdana, Sans-serif;
	font-size: smaller;
	font-weight: 400;
	color: #808080;
	
}

h5 {
	font-family: Verdana, Sans-serif;
	font-size: small;
}

h6 {
	font-family: Verdana, Sans-serif;
	font-size: x-small;
}

p {
	
 	line-height: 150%;
	margin-top: 0px;
	color: #333333;
}

object { outline:none; }


span.crumb {
	font-weight: 400;
	font-size: smaller;
	color: #808080;
}


span.crumb a:link { color: #808080; text-decoration: none; font-weight: 400; background-color: transparent }
span.crumb a:visited { color: #808080; text-decoration: none; font-weight: 400; background-color: transparent }
span.crumb a:hover { color: #FFC10E; text-decoration: underline; font-weight: 400; background-color: transparent }
span.crumb a:active { color: #FFC10E; text-decoration: underline; font-weight: 400; background-color: transparent }

ul {
	line-height: 150%;
	list-style-type: square;
}

ul.none {
	line-height: 150%;
	list-style-type: none;
}

ul ul {
	line-height: 150%;
	list-style-type: circle;
}
	
/*ul#yellow {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
	list-style-image:url(Images/yellow_bullet.jpg);
	line-height: 150%;
	vertical-align: middle;
}*/

#bodyContainer {
	 position: absolute;

}

/*
#breadcrumbs {
	position: relative;
	background-color: #FFFFFF;
	margin: 6px 8px 8px 8px !important; 
	margin: 0px; 
	padding: 0px !important; 
	padding: 6px 8px 8px 8px;
	float: left;
}
*/

#content {
	width: 700px;
	position: relative;
	background-color: #FFFFFF;
	float: right;
}

#contentInsides {
	position: relative;
	background-color: #FFFFFF;
	margin: 6px 8px 8px 8px !important; /* Only for Firefox */
	margin: 0px; /* Only for IE v6 or less */
	padding: 0px !important; /* Only for Firefox */
	padding: 6px 8px 8px 8px; /* Only for IE v6 or less */
	float: left;
	width: 684px;
	
}

#contentContainer {
	width: 900px;
	background-color: #cccccc;
	position: relative;
	float: left;

}

/*
#faqContainer {
	position: relative;
	left: -38px;
}
*/

ul.faqContainer {
	position: relative;
	left: -38px;
}

ul.faqContainer a{
	text-decoration: underline;
}


#footer {
	width: 900px;
	position: relative;
	float: left;
	font-size:x-small;
	top: 10px;
	text-align: left;
	color: #808080;
}

#footerPrint {
	display: none;
}

#header {
	width: 700px;
	height: 100px;
	background-color: #808080;
	position: relative;
	float: left;
}

#homePageMessage {
	position: relative;
	float: left;
	top: 22px;
	font-weight: 700;
	left: 8px;

}

#homePageMessage h1 {
	border-bottom: none;

}

#homePageMessage h1 {
	color: #FFFFFF;
}

#imageDownloadContainer {
	position: relative;
	float: left;
	width: 220px !important; /* Only for Firefox */

	margin-right: 8px;
}
		
#imageDownloadContainer a:link { color: #808080; text-decoration: underline; font-size: smaller; font-weight: 400; background-color: transparent }
#imageDownloadContainer a:visited { color: #808080; text-decoration: underline; font-size: smaller; font-weight: 400; background-color: transparent }
#imageDownloadContainer a:hover { color: #FFC10E; text-decoration: underline;  font-size: smaller; font-weight: 400; background-color: transparent }
#imageDownloadContainer a:active { color: #FFC10E; text-decoration: underline; font-size: smaller; font-weight: 400; background-color: transparent }

#itemLeft {
	position: relative; 
	float: left; 
	margin: 15px 15px 15px 0px;
	width: 200px;
}

#itemLeftBottom {
	position: relative; 
	float: left;
	margin-top: 15px; 
	width: 200px;
}

#itemRight {
	position: relative; 
	float: left; 
	margin: 15px 0px 15px 10px; 
	width: 453px;
}

#logo {
	width: 200px;
	height: 100px;
	position: relative;
	float: left;
	background-color: #FFFFFF;
}

/*
#logo2 {
	position: relative;
	float: left;
	top: 50px;
	font-weight: 700; 
	left: 0px;
	display: block;
}
*/

#navLeft {
	width: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#navTop {
	position: relative; 
	float: right; 
	padding: 0px 8px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 6px;
}

#noBatt {
	position: absolute;
	left: 425px !important; /* Only for Firefox */
	left: 424px; /* Only for IE v6 or less */
	top: 80px;
}

#phoneNumber {
	position: relative; 
	float: right;
	top: 14px; 
	padding: 0px 8px 5px 0px;
	border-bottom: 0px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: small;
	color: #FFFFFF;
	margin-top: 6px;
}

#pressAids {
	position: relative;
	float: right;
	width: 330px;
	border-top: 2px solid #FFC10E;
	border-bottom: 2px solid #FFC10E;
	color: #000000;
	padding: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
}

#pressAidsLeft {
	position: relative;
	float:left;
	width: 110px;
}

#pressAidsRight {
	position: relative;
	float:left;
}

#pressLeftContainer {
	position: relative;
	float: left;
	width: 476px;
}

#pressRightContainer {
	position: relative;
	float: left;
	width: 200px;
}

#problem {
	position: relative; 
	float: left; 
	width: 225px; 
	height: 182px; 
	padding: 25px 5px 5px 5px; 
	border: 0px;
	border-right: 2px #808080 solid;
	border-bottom: 2px #808080 solid;  
	background-image: url(/Images/Applications/Problem.jpg); 
	background-repeat: no-repeat;
}

#appImage1 {
	position: relative; 
	float: left; 
	border: 0px;
	border-bottom: 2px #808080 solid;
}

#appImage2 {
	position: relative; 
	float: left;
	border: 0px;
}

#sampleAppContainer {
	position: relative;
	float: left;
	border: 2px #808080 solid;
	
}

#search {
	margin: 8px 0px 8px 6px;
	position: relative;
}

#solution {
	position: relative; 
	float: left; 
	width: 225px; 
	height: 229px; 
	padding: 25px 5px 5px 5px; 
	border: 0px;
	border-left: 2px #808080 solid; 
	background-image: url(/Images/Applications/Solution.jpg);
	background-repeat: no-repeat;
}

#stripContents {
	position: relative;
	margin: 29px 8px 8px 8px;
}

#stripContents p {
	margin-bottom: 10px !important; /* Only for Firefox */
	margin-bottom: 8px; /* Only for IE v6 or less */
}

#stripMiddleBox1 {
	width: 210px;
	height: 175px;
	position: relative;
	float: left;
	background-image: url(../Images/Box_1.jpg);
	background-repeat: no-repeat;
	margin-left: 11px !important; /* Only for Firefox */
	margin-left: 5px; /* Only for IE v6 or less */
}

#stripMiddleBox2 {
	width: 210px;
	height: 175px;
	position: relative;
	float: left;
	background-image: url(/Images/Box_2.jpg);
	background-repeat: no-repeat;
	margin-left: 12px;
}

#stripMiddleBox3 {
	width: 210px;
	height: 175px;
	position: relative;
	float: left;
	background-image: url(/Images/Box_3.jpg);
	background-repeat: no-repeat;
	margin-left: 12px;
}

#stripMiddleBox4 {
	width: 210px;
	height: 175px;
	position: relative;
	float: left;
	background-image: url(/Images/Box_4.jpg);
	background-repeat: no-repeat;
	margin-left: 12px;
}

#swatch {
	font-size: smaller;
	text-align: center;
	vertical-align: top;
}

.catContainer {
	border: solid 2px #FFC10E;
	width: 175px;
	height: 184px;
	position: relative;
	top: 0px;
	float: left;
	margin: 19px 8px 18px 32.5px !important; /* Only for Firefox */
	margin: 16px 24px 20px 12px; /* Only for IE v6 or less */
}

/*
.catContainer a {
	font-family: Verdana, Sans-serif;
	font-size: small;
	font-weight: 700;
	background-color: #FEECC6;
	padding: 5px;
	margin: 0px 0px 8px 0px;
}
*/

.catContainer h2 {
	text-align: center;
	background-color: #FFC10E;
}

.catContents {
	position: relative;
}

.catLeftAlign {
	margin-left: 32.5px !important; /* Only for Firefox */
	margin-left: 16px; /* Only for IE v6 or less */
}

.centerText {
	text-align: center;
}

.faq {
	font-size: large;
	font-weight: 700;
	color: #000000;
	margin-right: 6px;  
}

.faqA {
	list-style-position: outside;
/*	list-style-image:url(/Images/QandA-A2.gif); */
	list-style-type: none;
	vertical-align: baseline !important; /* Only for Firefox */
	vertical-align: -50%; /* Only for IE v6 or less */
	padding-top: 0px !important; /* Only for Firefox */	
/*	padding-top: 16px;  Only for IE v6 or less */
	padding-top: 0px; /* Only for IE v6 or less */
}

.faqQ {
	list-style-position: outside;
/*	list-style-image: url(/Images/QandA-Q2.gif); */
	list-style-type: none;
	vertical-align: baseline !important; /* Only for Firefox */
	vertical-align: -25%; /* Only for IE v6 or less */
	padding-bottom: 0px !important; /* Only for Firefox */
	padding-bottom: -8px; /* Only for IE v6 or less */
	padding-top: 2px !important; /* Only for Firefox */
	padding-top: 0px; /* Only for IE v6 or less */
	font-weight: 700;
	font-size: medium;
	color: #808080;
	margin-bottom: 6px;
}

.fontItemLeftBottom {
	font-size: x-small;
}

.headerLink {
	padding-right: 20px;
}

.imageDownloadLinks {
	position: relative;
	float: left;
	margin-left: 8px;
}

.imageDownloadThumb {
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
}

.minHeight {
	position: relative;
	float: left;
	height: 528px !important; /* Only for Firefox */
	height: 530px; /* Only for IE v6 or less */
	width: 684px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.newsRowTd{
		vertical-align: top;
		padding-bottom: 10px;
		margin-right: 10px;
	}

.noBoldSmaller {
	font-weight: 400;
	font-size: smaller;
	text-decoration: none;
	color: #808080;
	
}

.pointer {
	cursor: pointer;
}

.pressAssets {
	font-weight: 700;
	margin: 8px 20px 8px 8px;
}

.repInfo {
	vertical-align: top;
	padding-bottom: 10px;
}

.stripClear {
	height: 7px;
}

.stripLine {
	height: 2px;
	background-image: url(/Images/Strip.jpg);
	background-repeat: repeat-x;
}

.stripMiddle {
	height: 200px;
	background: #000;
	left: 0px;
}

.stripTable {
	border-collapse: collapse;
	width: 900px;
	position: absolute;
	top: 449px;
	left: 0px;
}

.strong {
	font-weight: 700;
}






/* ----------------------------------------- SPEC TABLE STYLES --------------------------------------------- */

.spec-colspacer {
	width: 6px;
	border-top: 2px solid #d2d2d2;
	border-bottom:2px solid #d2d2d2;
	}

.spec-content {
	color: #000000;
	font-size: 8pt;
	font-family: Arial,Helvetica,sans-serif;
	border-top: 2px solid #d2d2d2;
	border-bottom: 2px solid #d2d2d2;
	background-color: #ffd763;
	height: 8px;
	padding: 0px 6px;
	width: 200px;
	}
	 
.spec-content2 {
	color: #000000;
	font-size: 8pt;
	font-family: Arial,Helvetica,sans-serif;
	border-top: 2px solid #d2d2d2;
	border-bottom:2px solid #d2d2d2;
	background-color: #ffd763;
	height: 8px;
	padding: 0px 6px;
	width: 110px;
	}
	
.spec-content3 {
	color: #000000;
	font-size: 8pt;
	font-family: Arial,Helvetica,sans-serif;
	border-top: 2px solid #d2d2d2;
	border-bottom:2px solid #d2d2d2;
	background-color: #ffd763;
	height: 8px;
	padding: 0px 6px;
	}



.spec-header {
	border: 0px;
	background-color: #FFC10E;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 700;
	font-size: 9pt;
	text-align: center;
	height: 26px;
	}
	
.spec-rowspacer {
	background-color: #FFC10E;
	height: 5px;
	width: 200px;
	}

.spec-rowspacer2 {
	background-color: #FFC10E;
	height: 5px;
	width: 110px;
	}	
/*
.spec-table {
	width:438px;
	border-spacing: 0px;
	padding: 0px;
	border-collapse: collapse;
	}
*/	


/* END OF SPEC TABLE CLASSES --------------------------------------------------------------- */

/* Updated Spec Table Styles (6/12/2009) --------------------------------------------------------------- */

.spec-content_ {
	border: 1px solid #000000;
	color: #000000;
	font-size: 8pt;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #ffd763;
	height: 8px;
	padding: 0px 6px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.spec-contentRowEnd {
	width: 6px;
	border: 1px solid #000000;
	border-left: 0px;
	}
	
.spec-headerCell-1 {
	border: 1px solid #000000;
	border-bottom: 0px;
	background-color: #FFC10E;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 700;
	font-size: xx-small;
	text-align: center;
	height: 26px;
	width: 220px;
	vertical-align: middle;
	}
	
.spec-headerCell-2 {
	border: 1px solid #000000;
	border-bottom: 0px;
	background-color: #FFC10E;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 700;
	font-size: xx-small;
	text-align: center;
	height: 26px;
	width: 110px;
	vertical-align: middle;
	}
	
.spec-headerCell-3 {
	border: 1px solid #000000;
	border-bottom: 0px;
	background-color: #FFC10E;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 700;
	font-size: xx-small;
	text-align: center;
	height: 26px;
	width: 73px;
	vertical-align: middle;
	}

.spec-headerCell-4 {
	border: 1px solid #000000;
	border-bottom: 0px;
	background-color: #FFC10E;
	padding: 0px 2px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 700;
	font-size:  xx-small;
	text-align: center;
	height: 26px;
	width: 55px; !important; /* Only for Firefox */
	/*width: 55px;  Only for IE v6 or less */
	vertical-align: middle;
	}
	
.spec-footerCell {
	border: 1px solid #000000;
	border-top: 0px;
	background-color: #FFC10E;
	height: 5px;	
	}
	
.spec-table2 {
	width:450px;
	border-spacing: 0px;
	padding: 0px;
	border-collapse: collapse;
	}
	
.spec-type {
	padding: 0px 6px;
	font-size: 9pt;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 700;
	border: 1px solid #000000;
	border-right: 0px;
	
	}	

/* End of Updated Spec Table Styles (6/12/2009) */




