/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
#nav-center {
	padding-left:8px;
	*padding-left:5px;
	}
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/

body, p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#565656; }
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/

a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#990000; text-decoration:none; }
a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#990000; text-decoration:none; }
a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#990000; text-decoration:none; }
a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #990000; text-decoration: underline; }

.title a:link { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990000; text-decoration:none; }
.title a:visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990000; text-decoration:none; }
.title a:active { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990000; text-decoration:none; }
.title a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #990000; text-decoration: underline; border:1px solid #CCC; }
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/	

#copyright {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#333333;
	padding:10px;
	margin: 0 auto;/* To center in FireFox*/
	}
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/	
	
.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	padding-right:10px;
	}
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/

.footerlink a:link { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
.footerlink a:visited { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
.footerlink a:active { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
.footerlink a:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline;}
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/

.bottomnav a:link { font-family: Arial, Helvetica,sans-serif; font-size: 11px;  color:#660000;  text-decoration:none; }
.bottomnav a:visited { font-family: Arial, Helvetica,sans-serif; font-size: 11px;  color:#660000; text-decoration:none; }
.bottomnav a:hover { font-family: Arial, Helvetica,sans-serif; font-size: 11px; color:#660000;  text-decoration:underline; }
.bottomnav a:active { font-family: Arial, Helvetica,sans-serif; font-size: 11px;  color:#660000;  text-decoration:none; }

/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/


/*========================== Collapsible ==================*/
#dropdownpanel{ /*Outermost Panel DIV*/
position: absolute;
width: 100%;
left: 0;
top: 0;
visibility:hidden;
}

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/
background-image: url(../images/dropdown-panel/pulldown-bg2.png); /* This is the box image that will be placed on the background*/
background-position:top center;
background-repeat: no-repeat;
filter:alpha(opacity=100);
-moz-opacity:.99;
opacity:.99;
color: black;
padding-top: 2px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}

.dropdownpanel a:link {
	font-size:11px;
	text-decoration:none;
	color:#990000;
	}
.dropdownpanel a:visited {
	font-size:11px;
	text-decoration:none;
	color:#990000;
	}
.dropdownpanel a:active {
	font-size:11px;
	text-decoration:none;
	color:#990000;
	}
.dropdownpanel a:hover {
	font-size:11px;
	text-decoration:underline;
	color:#990000;
	}

#dropdownpanel .control{ /*Div containing panel button*/
color: white;
font-weight: bold;
text-align: center;
background: transparent url("../images/dropdown-panel/slider.gif") center center no-repeat; /*change panel.gif to your own if desired*/
padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
height: 21px; /* 21px + 3 px should equal height of "panel.gif" */
line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */
}

/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
/*---------------- ==    Navigation "Imitation Leaf"    == ---------------------------------------*/

.glossymenu{
	float: left;
	margin: 5px 0;
	padding: 0;
	font: 12px Arial,Helvetica,sans-serif; 
	color: #990000;
	text-align: left;
	width: 175px; /*width of menu*/
	border-bottom-width: 0;
	}

.glossymenu a.menuitem{
	background: black url(../images/logo-pages/bronzing-powders/02-specialty.jpg) no-repeat top left;
	font: 12px Arial,Helvetica,sans-serif; 
	color: #990000;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 8px 0;
	padding-left: 10px;
	text-decoration: none;
	}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #990000;
	}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	}

.glossymenu a.menuitem:hover{
	background-image: url(../images/logo-pages/bronzing-powders/02-specialty.jpg);
	font: 12px Arial,Helvetica,sans-serif; 
	color: #990000;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 8px 0;
	padding-left: 10px;
	text-decoration:underline;
	}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.glossymenu div.submenu ul li{
	border-bottom: none;
	padding:3px;
	}

.glossymenu div.submenu ul li a{
	font: normal 12px Arial,Helvetica,sans-serif; 
	color: #990000;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	}

.glossymenu div.submenu ul li a:hover{
	background: none;
	colorz: #990000;
	text-decoration:underline;
}
/*---------------- ==    Navigation  (END)    == ---------------------------------------*/
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/

.emailinfo {
	font-family:Arial,Helvetica,sans-serif; 
	font-size:11px; 
	color:#434343; 
	text-decoration:none;}
	
.emailname {
	font-family:Arial,Helvetica,sans-serif; 
	font-size: 11px;
	color: #434343;}

.productname {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration: none ;
	font-weight:bold;
	color: #333333;
	padding:5px; }
	
.heading1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:underline;
	font-weight:bold;
	padding-bottom:5px; }
	
.paragraphs {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}

/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
/*---------------- ==    CopyRight    == ---------------------------------------*/
#copyright {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#333333;
	padding:10px;
	margin: 0 auto;/* To center in FireFox*/
	}



/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
/*---------------- ==    Background    == ---------------------------------------*/

.bgREPEAT {
	background:url(../images/bg/bg_2.jpg) center repeat-y;}
.bgTOP_NAV {
	background:url(../images/bg/bg_top_nav.jpg) top center no-repeat;}
.bgBOTTOM_NAV {
	background:url(../images/bg/bg_bottom_nav.jpg) bottom center no-repeat;}
	
	

/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
/*---------------- ==    Body Elements    == ---------------------------------------*/

.productgridtitle a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration: none; }	
.productgridtitle a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration: none; }	
.productgridtitle a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration: none; }	
.productgridtitle a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; text-decoration: underline; }	
	
.productgridmoredetails a:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #999999; text-decoration: none; }	
.productgridmoredetails a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration: none; }	
.productgridmoredetails a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration: none; }	
.productgridmoredetails a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#990000; text-decoration: underline; }	
	
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
/*---------------- ==    BreadCrumbs    == ---------------------------------------*/

.breadcrumb a:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #999999; text-decoration:none; }	
.breadcrumb a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none; }
.breadcrumb a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none; }
.breadcrumb a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#990000; text-decoration: underline; }

/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
/*---------------- ==    Bronzing Powder Pages    == ---------------------------------------*/

.bpnames {
	font-family:Arial, Sans-Serif;
	font-size: 12px;
	line-height:20px;
	}
	
#bptitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	text-align:left;
	padding:10px 20px 5px 20px; }

#bpcategorydescription {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding:10px 20px 20px 20px;
	background-image:url(images/names/categorydescription-separator.png);
	background-position:bottom center;
	background-repeat: no-repeat; }
	
	
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
/*---------------- ==    Sub Window    == ---------------------------------------*/
#relatedproductstitle {
	width:180px;
	margin: 0px 10px 0px 70px;
	border-bottom:solid 1px;
	border-color:#666666; }
#relatedproductsdescription {
	width:180px;
	margin: 0px 10px 0px 70px;}
#msdsdescription {width:160px; margin: 0px 0px 0px 110px;}
	
.subwindow a:link { font-family:Arial, sans-serif; font-size: 11px; color:#660000; text-decoration:none;}
.subwindow a:visited { font-family:Arial, sans-serif; font-size: 11px; color:#660000; text-decoration:none;}
.subwindow a:hover { font-family:Arial, sans-serif; font-size: 11px; color:#660000;  text-decoration:underline;}
.subwindow a:active { font-family:Arial, sans-serif; font-size: 11px; color:#660000; text-decoration:none; }
	
	
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
/*---------------- ==    MSDS for Bronzing Powders    == ---------------------------------------*/
#materialsheets {
	padding:10px 10px 10px 50px; }
#materialsheets ul {
	list-style-type:none; }
#materialsheets li {
	height:28px;
	width:600px;
	margin-bottom: 10px;
	list-style-type:none;
	background-color:#f7f7f7;
	border:solid 1px #C0C0C0; }
#materialsheets img {
	float:left; }
.msdscomingsoon {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #999999;  }
	
.msdsname a:link { font-family:Arial, sans-serif; font-size: 12px; color:#660000; text-decoration:none;}
.msdsname a:visited { font-family:Arial, sans-serif; font-size: 12px; color:#660000; text-decoration:none;}
.msdsname a:hover { font-family:Arial, sans-serif; font-size: 12px; color:#660000;  text-decoration:underline;}
.msdsname a:active { font-family:Arial, sans-serif; font-size: 12px; color:#660000; text-decoration:none; }
	
	
/*---------------- ==    XXXXXXXXXXXXXXXXXXXXXXXXXX    == ---------------------------------------*/
/*---------------- ==    Logo-pages    == ---------------------------------------*/
.logorollover a:link { display:block; padding-top:1px; width:242px; height:178px; background-color: #CCCCCC; }
.logorollover a:visited { display:block; padding-top:1px; width:242px; height:178px; background-color: #CCCCCC; }
.logorollover a:active { display:block; padding-top:1px; width:242px; height:178px; background-color: #CCCCCC; }
.logorollover a:hover { display:block; padding-top:1px; width:242px; height:178px; background-color: #666666; }
	
/*---------------- ==    FRM Logo-pages    == ---------------------------------------*/	
.logorollover-frm a:link { display:block; padding-top:1px; padding-left:1px; width:203px; height:74px; background-color: #ffffff; }
.logorollover-frm a:visited { display:block; padding-top:1px; padding-left:1px; width:203px; height:74px; background-color: #ffffff; }
.logorollover-frm a:active { display:block; padding-top:1px; padding-left:1px; width:203px; height:74px; background-color: #ffffff; }
.logorollover-frm a:hover { display:block; padding-top:1px; padding-left:1px; width:203px; height:74px; background-color: #cccccc; }

/*---------------- ==    August Ruhl Logo-pages    == ---------------------------------------*/	
.logorollover-augustruhl a:link {  display:block; padding-top:1px; padding-left:1px; width:155px; height:106px; background-color: #ffffff; }
.logorollover-augustruhl a:visited { display:block; padding-top:1px; padding-left:1px; width:155px; height:106px; background-color: #ffffff; }
.logorollover-augustruhl a:active { display:block; padding-top:1px; padding-left:1px; width:155px; height:106px; background-color: #ffffff; }
.logorollover-augustruhl a:hover { display:block; padding-top:1px; padding-left:1px; width:155px; height:106px; background-color: #cccccc; }

/*---------------- ==    Nazionale Logo-pages    == ---------------------------------------*/	
.logorollover-nazionale a:link {  display:block; padding-top:1px; padding-left:1px; width:115px; height:110px; background-color: #ffffff; }
.logorollover-nazionale a:visited { display:block; padding-top:1px; padding-left:1px; width:115px; height:110px; background-color: #ffffff; }
.logorollover-nazionale a:active { display:block; padding-top:1px; padding-left:1px; width:115px; height:110px; background-color: #ffffff; }
.logorollover-nazionale a:hover { display:block; padding-top:1px; padding-left:1px; width:115px; height:110px; background-color: #cccccc; }

/*---------------- ==    EverBright Ruhl Logo-pages    == ---------------------------------------*/	
.logorollover-everbright a:link {  display:block; padding-top:1px; padding-left:1px; width:102px; height:104px; background-color: #ffffff; }
.logorollover-everbright a:visited { display:block; padding-top:1px; padding-left:1px; width:102px; height:104px; background-color: #ffffff; }
.logorollover-everbright a:active { display:block; padding-top:1px; padding-left:1px; width:102px; height:104px; background-color: #ffffff; }
.logorollover-everbright a:hover { display:block; padding-top:1px; padding-left:1px; width:102px; height:104px; background-color: #cccccc; }


/*====================================*/
/*     Press Page Elements            */
#pressmenu {float:left; margin-left:3px; list-style:none; padding-left:0px; margin-top:0px;}
#pressmenu li {margin-bottom:5px;}
#presstitle {margin-bottom:7px; font-size:1.4em; text-align:left; height:20px; border-bottom:1px dotted #333;margin-right: 3px;}
#presscategorycontainer {padding-bottom:50px; border-left:1px dotted #333;}
#presscategory {margin-bottom:7px; font-size:1.4em; text-align:left; height:20px; border-bottom:1px dotted #333; margin-left:8px;}
#pressimages {padding:5px; margin:0 auto;}
#pressimages ul {list-style:none;}
#pressimages li {display:inline; padding-right:10px;}

.presstitlebutton a:link { font-size:1em; color:#99000; text-decoration:none; font-weight:bold;}
.presstitlebutton a:visited { font-size:1em; color:#99000; text-decoration:none; font-weight:bold;}
.presstitlebutton a:active { font-size:1em; color:#99000; text-decoration:none; font-weight:bold;}
.presstitlebutton a:hover { font-size:1em; color:#99000; text-decoration:underline; font-weight:bold;}



/*====================================*/
/*     Classes Page Elements            */
#classinfo {color: #333333; font-size:1.1em; line-height:1.2em;}
#classinfo th {padding-top:4px;}
#classinfo td {padding-top:4px;}