@charset "UTF-8";
.inline_image {
	border: 1px solid #CCCCCC;
	padding: 2px;
	background-color: #efefef;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}
/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../images/top_new2_bkgrd.jpg);
	background-repeat:repeat-x;

}

.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


/* MAIN NAV */

#nav
{
position: relative;
/* float: left; */
padding-left: 200px;
padding-top: 61px;
height: 28px;
list-style-type: none;
width: 600px;

}


#nav li a
{
float: left;
position: relative;
display: block;
height: 28px;
padding-top: 8px;
text-transform: uppercase;
color: #898989;
text-align: center;
text-decoration: none;

}

#nav li a:hover
{
float: left;
position: relative;
display: block;
height: 28px;
padding-top: 8px;
text-transform: uppercase;
color: #ffffff;
text-align: center;
text-decoration: none;
}

#nav li a.active
{
float: left;
position: relative;
display: block;
height: 28px;
padding-top: 8px;
text-transform: uppercase;
color: #ffffff;
text-align: center;
text-decoration: none;
}


/* start header */

img {
	border:none;
}

.logo{
	display: block;
	background: url(../images/logo_link.gif) no-repeat;
	width: 149px;
	height: 111px;
	overflow: hidden;
	text-indent: -3000px;
	position: absolute;
	left: 50%;
	top: 33px;
	margin-left: -390px;
	border: none;
}
#flash_nav_bg{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/top_new2.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}

#flash_nav_bg_acid{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/product_images/top_acid.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}

#flash_nav_bg_back{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/product_images/top_back.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}


#flash_nav_bg_decorative{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/product_images/top_decorative.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}

#flash_nav_bg_fire{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/product_images/top_fire.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}

#flash_nav_bg_luxar{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/product_images/top_luxar.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}

#flash_nav_bg_rad{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/product_images/top_rad.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}


#flash_nav_bg_acp{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/product_images/top_acp.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}

#flash_nav_bg_berman{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/product_images/top_berman.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}


#flash_nav_bg_showroom{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/page_headers/top_showroom.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}

#flash_nav_bg_about{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/page_headers/top_about.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}

#flash_nav_bg_products{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/page_headers/top_products.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}

#flash_nav_bg_downloads{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/page_headers/top_downloads.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}



#flash_nav_bg_portfolio{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/page_headers/top_portfolio.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}


#flash_nav_bg_contact{
	width: 948px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/page_headers/top_contact.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	
}




#flash_nav{
	width: 930px;  /* using 20px less than a full 950px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 357px;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin
	border: none;
	margin-left: -465px;
	z-index: 1;
}



.mediaContact p {
	border-bottom:dashed #CCCCCC 1px;
	padding-bottom:16px;
}

p.qualform {
line-height:140%;
}



.img_on_top {
	z-index: 2;
}
	
#center {
	width: 900px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/mid_new1.jpg);
	height: 303px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-repeat: no-repeat;
}
#subcenter_container {
	width: 948px;
	background-image: url(../images/bg_new1.jpg);
	background-repeat: repeat-y; 
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	
	
}
#subcenter {
	clear: both;
	width: 948px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/bg_new1.jpg);
	background-repeat: no-repeat, repeat-y; 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#subcenterlong {
	width: 948px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: transparent;
	background-image: url(../images/bg_new1.jpg);
	height: 700px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
}

#sub_footer {
	clear:both;
	width: 710px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/footer_new2.jpg);
	height: 68px;
	padding-top: 40px;
	padding-right: 210px;
	padding-bottom: 0px;
	padding-left: 28px;
	background-repeat: no-repeat;
}





#footer_map {
	clear:both;
	width: 880px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	height: 102px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 48px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#footer_map .sitemap {
	width: 140px;
	padding: 3px;
	float: left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#footer_map .sitemap a {
	color: #777;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

#sub_footer a {
	color: #6A6A6A;
	text-decoration: none;
	
}
#sub_footer .sitemap {
	color: #CCCCCC;
}
#footer_map .sitemap a:hover {
	color: #777;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

#footer_map .sitemap p {
	padding: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#footer_map .sitemap p strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing:1px;
	color: #999999;
}
#sub_footer p {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10px;
}
#sub_footer ul {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	list-style-type: none;
}
#sub_footer li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
	padding-right: 12px;
}
.homecenterleft {
	float: left;
	height: 303px;
	width: 532px;
	margin: 0px;
	padding: 0px;
}
.homecenterright {
	float: right;
	height: 303px;
	width: 347px;
	margin: 0px;
	padding: 0px;
}
.subcenterleft {
	float: left;
	width: 494px;
	font-size: 0.8em;
	line-height: 200%;
	height: auto;
	margin: 0px;
	padding: 0px 0px 0px 60px;
	
}
.subcenterfull {
	float: left;
	width: 820px;
	font-size: .8em;
	line-height: 200%;
	height: auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
}


.inline_quote {
	font-style:italic;
	size:10px;
	line-height:160%;
	padding-bottom:15px;

}
.italicize {
	font-style: italic;
	font-weight: normal;
	color:#333333;
}

.subcenterright ul {
	list-style-type: none;
	margin-left: -40px;
	padding-bottom: 50px;
}

.subcenterright a {
	text-decoration: none;
	color: #303030;
	text-transform: uppercase;
	}
.subcenterright a:hover {
	text-decoration: underline;}

.subcenterright h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: bold;
	color:  #000000;
	text-transform: uppercase;
	margin-top: -10px;

}
.subcenterright h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:  #000000;
	text-transform: uppercase;
}




.subcenterleft h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #01184C;
	text-transform: uppercase;
}
.subcenterleft li {
	line-height: 140%;
	padding:0;

}
.subcenterleft h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:  #000000;
	line-height: 100%;
	margin-bottom: 0;
	padding-top:12px;
}

.subcenterleft h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#CC9900;
	line-height: 100%;
	margin-bottom: -8px;
	padding-top: 8px;
	text-transform:uppercase;
}

.subcenterleft p {
	margin:6px 0 14px 0;
}

.subcenterleft p a {
	color: #001A4A;
	text-decoration:none;
}

.subcenterleft p a:hover {
	color:#999999;
	text-decoration:none;
}


.subcenterleft h4 a {
	color:#CC9900;
	text-decoration:none;
}

.subcenterleft h4 a:hover {
	color:#999999;
	text-decoration:none;
}




.sub_master {
	float: right;
	height: auto;
	font-size: .8em;
	line-height: 200%;
	width: 331px;
	margin-top: 0px;
	margin-right: 49px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 34px;
	padding-left: 0px;
}

.sub_master img {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
}

.sub_master p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:	#666666;
	line-height: 18px;
	margin-bottom: 0;
	padding-top:0;
	padding-right: 20px;
	padding-left: 36px;	
}

.sub_master li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:	#666666;
	line-height: 14px;
	margin-left:28px;
	margin-bottom: 2px;
	padding-top:0;
	padding-right: 20px;
	padding-left: 8px;
	list-style-type:square;
}

.sub_master p a {
text-decoration:none;
color:#001A4A;
}

.sub_master p a:hover {
color:#006699;
border-bottom:1px dotted #006699;
}

.sub_master h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	color: #006aaa;
	line-height: 14px;
	margin-bottom: 0;
	padding:0;
	padding-left: 36px;
}



.sub_partners {
	background-color:#ffffff;
	background-repeat: no-repeat;
	float: right;
	height: auto;
	width: 331px;
	margin-top: 0px;
	margin-right: 42px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 34px;
	padding-left: 0px;
}

.subcenterleft a {
	color: #006699;
	text-decoration: none;
}
.subcenterleft a:hover {
	color: #006699;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}

#subcenter  a  {
	text-decoration: none;
	z-index: 2;
	position:relative;
	line-height:150%;
}
	
#subcenter   a:hover  {
	text-decoration: none;
	z-index: 2;
	position:relative;
	line-height:150%;

}
.subcenterfull h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:  #000000;
	text-transform: uppercase;
}
.subcenterfull h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:  #000000;
	line-height: 100%;
	margin-bottom: 0;
	padding-top:12px;
}
.subcenterfull h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	text-align: center;
}
.subcenterfull .subhead {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13.25px;
	padding: 0px;
	text-align: center;
	font-weight: normal;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.subcenterfull h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}
.subcenterfull a {
	color: #006699;
	text-decoration: none;
}
.subcenterfull a:hover {
	color: #006699;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}







div#column1 {
float:left;
margin: 0;
width:240px;

}

div#column1 p {
font-size:10px;
line-height:14px;

}

div#column1 li {
font-size:10px;
line-height:14px;
padding-bottom:6px;

}

div#column1 h4 {
margin:0;

}


div#column2 {
width:240px;
margin: 0;
float:right;
}

div#column2 p {
font-size:10px;
line-height:14px;

}

div#column2 li {
font-size:10px;
line-height:14px;
padding-bottom:6px;

}

div#column2 h4 {
margin:0;

}

p#note {
font-size:9px;
line-height:120%;
padding-bottom: 8px;
}










/* MAIN NAV */

#nav1  {
padding-top:101px;
padding-left:77px;
width: 100%;
z-index:1000;
}

#nav1 ul  {
padding:0;
margin:0;
font-family: Helvetica, Arial, Verdana, sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#001A4A;
font-weight:normal;
font-size:12px;
line-height: 15px;
white-space: nowrap;
letter-spacing:1px;
}

#nav1 a {
display:block;
padding: 5px 18px;
margin:0;
text-decoration: none;
color: #000;
}

#nav1 li {
float:left;
list-style-type: none;
display: inline;
}

#nav1 li ul {
position:absolute;
display:block;
width:290px;
left:-999em;
font-size:10px;
line-height: 14px;
text-align:left;
}

#nav1 li:hover ul {
left:auto;
display:block;
position: absolute;
line-height: 14px;

margin: 0;
padding: 0;
}

#nav1 li:hover li {
float:none;


}

#nav1 li:hover li a {
color:#005D88;
background-color:#fff;
border-right:#999 1px solid;
border-left:#999 1px solid;
border-bottom:#999 1px solid;
}

#nav1 li li a:hover {
color: #000;
background-color: #ccc;
border-right:#999 1px solid;
border-left:#999 1px solid;
border-bottom:#999 1px solid;
}
   

   
#nav1 li:hover ul, #nav1 li.sfhover ul {
left:auto;
}




#nav1 li a:hover {
   color:#666;
   background-color:#fff;
   margin:0;

}

/* end nav*/



/* random image gen*/


#randm, #randm img {
width:948px;
height:303px;
}

div#rotation {
position:absolute;
top:125px;
}



/* thumb popups v1*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


/* thumb popups v2*/

.MagnifImage {
position:absolute;
top:300px;
background-color:#fff; 
color:#00f; 
font-weight:bold; 
text-align:center; 
padding:0;margin:0; 

}

/* thumb popups v3*/

div#column1 a img {height: 0; width: 0; border-width: 0;}

div#column1 a:hover img {

border-left:#FFFFFF 4px solid;
border-right:#FFFFFF 4px solid;
position:absolute;
margin:-240px 0 0 -4px;
height: 240px; 
width: 240px;
z-index:2;

}

div#column2 a img {height: 0; width: 0; border-width: 0;}

div#column2 a:hover img {

border-left:#FFFFFF 4px solid;
border-right:#FFFFFF 4px solid;
position:absolute;
margin:-240px 0 0 -4px;
height: 240px; 
width: 240px;
z-index:2;

}



div#last img {
left:-999px;
height:0;
width:0;
}


#footer {
	clear:both;
	background-image: url(../images/footer_new4.jpg);
	width: 710px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	height: 36px;
	padding-top: 6px;
	padding-right: 210px;
	padding-bottom: 0px;
	padding-left: 28px;
	background-repeat: no-repeat;
}

#footer h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#CC9900;
	line-height: 100%;
	margin-bottom: -8px;
	padding-top: 8px;
	text-transform:uppercase;
	padding-left:32px;
}

#footer a {
	color: #6A6A6A;
	text-decoration: none;
	padding-left:42px;
	
}

#footer p {
	font-family: Helvetica, Arial, sans-serif;
	border-top:	color: #999999 dotted 1px;
	font-size: 11px;
	padding-left:32px;
}
#footer ul {
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	font-size: 11px;
	list-style-type: none;
}
#footer li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
	padding-right: 12px;
}