﻿/* @group Corporate */
div#main {
	background: #e8e0f5 url(/Images/rc-background.jpg) repeat-x !important;
	color: #828282;
	position: relative;
	overflow: hidden;
	height:629px;
	}
	
#main.GlobalPage{ background:#ddd none !important;}	

/*div#corporate{ padding-top: 10px;}*/

div#corporate{ 
	float:left;
	text-align:center;
	width:100%;
	}

/* SWM CA div#wrap { margin: 0 auto; width: 1000px; }*/
/*SWM CA*/
div#wrap{ 
	/*margin: 0 auto;*/
	margin: 2% auto;/*SWM 12/28/2009 Update per corporate.css.doc*/ 
	width: 1000px;
	padding:0 0 0 7px;
	text-align:left;
	}
div#wrap.Singal{ width:753px;}	
div#wrap:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}	
/*SWM CA Left Nav*/
#page{ float:left; width:170px;}
/*--div#corporate.investor-relations, div#corporate.corporate-home{ background: url(/images/ch-background.jpg) no-repeat 50% 50%; }--*/
/* SWM CA div#corporate.careers{ background: url(/images/careers-background.jpg) no-repeat 40% 50%; }*/
/*SWM CA*/
div#corporate div#window:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
/* SWM OLD div#corporate div#window { 
	width: 693px; 
	background-image: url(/images/glow-corporate.png); 
	padding:15px 30px 0 30px;
	margin-left: 0; 
	}	*/
	
/*SWM CA New Code*/
div#corporate div#window { 
	width: 754px; 
	background: url(../images/Shadow-white-BG-Top.png) no-repeat; 
	padding:0;
	/*margin:0 0 0 15px;*/
	margin:0 0 0 -2%;  /*SWM 12/28/2009 Update per corporate.css.doc*/
	padding:5px 0 0 0;
	float:left;
	min-height:456px;
}
	
#WhiteBoxMiddle{
	float:left;
	width:99%;
	background:url(../images/Shadow-white-BG-Middle.png) repeat-y;
	margin:9px 0 0 0;
	padding:15px 0 10px 15px;
	}	

#BottomCorner{ float:left; width:100%;}
#BottomCorner img{ display:block; float:left;}
/*SWM CA New Code Ends*/

/* SWM CAdiv#corporate ul#links {
	float: left;
	width: 20%;
	padding: 0 0 2% 4%;
	background-color: #fff;
	margin-left: 3%;
	clear: none;
	margin-top: -40px;
	border-left: 1px dotted #aaa; 
	height: 90%;
	}
	div#corporate ul#links li { 
	list-style: none; 
	margin-bottom: 6px; 
	width: 127px;
	}*/
/*SWM CA*/
div#corporate ul#links {
	float: left;
	background-: #fff;
	width:150px;
	}

div#corporate ul#links h2{color:#CD0010; font-weight:normal;}

/*SWM CA div#corporate ul#links li { 
	list-style: none; 
	margin-bottom: 6px;
	float:left;
	display:block;
	width:100%;
	}*/
div#corporate ul#links li { 
	list-style: none; 
	margin-bottom: 2px;
	float:left;
	display:block;
	width:100%;
	}	
	
	/* SWM CA div#corporate ul#links li { 
	list-style: none; 
	margin-bottom: 6px; 
	width: 127px;
	}*/

div#corporate.investor-relations ul#links li { background:url(/~/media/Images/Revlon/Corporate/link.ashx) 0 4px no-repeat; } 
div#corporate.investor-relations ul#links li a{ display:block; float:1eft; padding:0 0 0 20px;}
div#window.investor-relations div#content,
div#window.investor-relations div#head {width:72%; float: left;}
/*SWM CA div#window.careers div#content,div#window.careers div#head {width:79%; float: left;}	*/		
/*SWM CA*/
div#window.careers div#content,
div#corporate.investor-relations div#content,
div#head,
div#window.careers div#head {
	width:550px; 
	float: left; 
	margin:0 0 15px 0;
	}
/*SWM CA 12/14/09*/	
div#window.home #head,
div#window.History #head,
div#window.Terms #head,
div#window.Privacy #head,
div#corporate.corporate-vendor #window #head,
div#corporate.corporate-about #head,
div#window.Site-Map #head{ width:95%;}	

div#window div#head {border-bottom:1px solid #DDDDDD;} 	
/*div#corporate.careers ul#links { 
	width: 16%; 
	padding: 0 0 0 2%;
	margin-left: 2%;
	margin-top: -38px; 
	}*/
div#corporate.careers ul#links,
div#corporate.investor-relations ul#links{  
	padding: 0 0 10px 2%;
	margin:-38px 0 0 2%;
	}
	
div#corporate ul#pages { 
	float: left; 
	margin:6% 0 5% 2%;
	font-family:Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	width: 170px; 
	}
div#corporate ul#pages li{ 
	float: left;
	display:block;
	list-style:none;
	width:99%;
	padding:0 0 5px 0;
	}
	
div#corporate ul#pages li.active a{ color:#CD0010;}
div#contentDivider{ 
	background:url(../images/Corporate-Divide.gif) repeat-y 43px 0; 
	float:left; 
	width:99%;
	}
div#corporate div#content { 
	line-height: 14px;
	width: 95%; 
	margin-bottom: 11px; 
	float: left; 
	color: #999; 
	}	
div#corporate.corporate-home div#content { line-height: 16px;}
div#window.careers div#head h1 { background: url(/~/media/Images/Revlon/Corporate/T_Careers.ashx) no-repeat;}
/*SWM CA 12/14/09*/
div#window.corporate.History div#head h1{ background:url(/~/media/Images/Revlon/Corporate/T_History.ashx) no-repeat;}
div#window.corporate.Terms div#head h1{ background: url(/~/media/Images/Revlon/Corporate/T_TermsConditions.ashx) no-repeat;}
div#window.corporate.Site-Map div#head h1{ background: url(../images/T_SiteMap.png) no-repeat;}
div#window.corporate.Privacy div#head h1{ background: url(/~/media/Images/Revlon/Corporate/T_PrivacyPolicy.ashx) no-repeat;} 
div#corporate.investor-relations div#head h1{ background:url(/~/media/Images/Revlon/Corporate/T_InvestorRelations.ashx) no-repeat;}
div#corporate.corporate-vendor div#head h1{ background:url(/~/media/Images/Revlon/Corporate/T_VendorRegistration.ashx) no-repeat;}
div#corporate.corporate-about div#head h1{ background:url(/~/media/Images/Revlon/Corporate/T_AllAboutGiving.ashx) no-repeat;}
div#window.home div#head h1{background: url(/~/media/Images/Revlon/Corporate/T_CorporateHome.ashx) no-repeat; }

/* SWM CA div#window.careers div#head h1 { background: url(/images/careers.gif); }*/
div#window div#head h1 { 
	text-indent:-20000px; 
	height:25px;
	padding:0 0 15px 0;
	margin: 0; /*SWM 12/28/2009 Update per corporate.css.doc*/
	}
div#window.investor-relations p{ line-height: 13px; }
div#corporate  h2 { 
	font-size: 11px; 
	font-weight: bold;  
	color: #333; 
	text-transform: uppercase; 
	padding-right: 10px; 
	background: url(/images/carousel-next.gif) no-repeat right center; 
	display: inline; 
	clear: both; 
	}	
/*SWM CAdiv#corporate div#content p{ margin-bottom:10px; }*/	
div#corporate div#content p{ margin:0 0 10px 0; width:95%;}	
div#corporate ul h2 { 
	margin-bottom: 10px; 
	background-image: none; 
	display: block; 
	font-size: 10px; 
	}
			
div#corporate div#join-us {
	border: 1px solid #ddd; 
	padding: 15px;
	margin-top: 15px; 
	margin-bottom: 15px;
	float: left; 
	}
div#corporate div#join-us h2 { color: #999; background-image: none; }
div#corporate div#join-us div { float: left; width: 43%; }
/*SWM CAdiv#corporate div#join-us div.rightcol { 
	padding-right: 5%; 
	margin-right: 6%; 
	border-right: 1px solid #ddd; 
	}*/
/*SWM CA*/
div#corporate div#join-us div.rightcol {
	float:left;
	width:274px;
	/*margin:0 20px 0 0;*/
	margin:0 3% 0 0; /*SWM 12/28/2009 Update per corporate.css.doc*/
	border-right: 1px solid #ddd; /*SWM 12/28/2009 Update per corporate.css.doc*/
	}	
	
div#corporate div#join-us div.rightcol h2{ 
	padding:0; 
	width:99%; 
	float:left;
	} 	
/*SWM CA div#corporate div#join-us div.rightcol img { float: right; }*/
/*SWM CA 12/14/09*/
.scroll-pane-Terms{
	width: 700px;
	overflow: auto;
	float: left;
	padding:10px;
	}

#paneTermsContent {
	height: 250px;
}
div#corporate div#join-us div.rightcol a.LinkSpacing{ float:right; margin:0 15px 0 0;}
div#corporate.careers div#join-us h3 { background: url(/~/media/Images/Revlon/Corporate/join-our-team.ashx) no-repeat left bottom; }			
div#corporate.careers #content h3 { text-indent: -9999px; margin-bottom: 10px; height: 13px; background: url(/~/media/Images/Revlon/Corporate/welcome-to-our-world-at-rev.ashx) no-repeat left bottom; }

/*	Revlon Cares Section Begins. Added 1/7/2010, SWM-RM
		Note: this accounts for the title images of the Revlon Cares pages.
-------------------------------------------------------------------------------*/
div#window.corporate.revlon-cares div#head h1 { background:url(/~/media/Images/Revlon/Corporate/T_RevlonCares.ashx) no-repeat;}
div#window.corporate.look-good div#head h1 { background:url(/~/media/Images/Revlon/Corporate/T_LookGoodFeelBetter.ashx) no-repeat;}
	/* Exceptions. The following two rules extend the width of the title area for two pages to account for the title image content. */
 	div#window.corporate.nbcc div#head h1 {width:570px; background:url(/~/media/Images/Revlon/Corporate/T_NationalBreastCancerCoalition.ashx) no-repeat;}
 	div#window.corporate.run-walk div#head h1 {width:570px; background:url(/~/media/Images/Revlon/Corporate/T_EIFRevlonRun.ashx) no-repeat;}
 	div#window.corporate.rex-health div#head h1 {width:570px; background:url(/~/media/Images/Revlon/Corporate/T_RexHealth.ashx) no-repeat;}
/* -- Revlon Cares Section Ends -------------------------------------------------*/


/*History Slider*/
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
	.coda-slider-wrapper { padding: 15px 0 0 0;}
	.coda-slider {width:605px;float:left;} /* 3/2/2010 Update CA SWM. Added float left to fix layout issue in Safari and Chrome. Right arrow was appearing below the content.*/
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {
		height: 200px; 
		overflow: auto !important;
		padding-right: 20px; 
		}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 590px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, 
	.coda-slider-wrapper.arrows .coda-slider .panel { width: 680px;} /* 3/2/2010 Update CA SWM. Update width from 685px to be 680px. */
	
	/* Arrow styling 
	.coda-nav-left a, .coda-nav-right a {padding: 5px; width:45px;}*/
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper p{ width:99%;}
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center; }

	.HeaderWrap{ 
		float:left; 
		background:url(../images/TimeLine-BG.jpg) repeat-x; 
		width:100%;
		}
	.HeaderWrap h3{ float:left;}
	.HeaderWrap h3 img{ margin:0 0  0 50px;}
	
	.TimeLineColOne{ width:335px; margin:0 5px 0 0;} /*  3/2/2010 Update CA SWM. Updated width from 340px to be 335px. */
	.TimeLineColTwo{ width:340px;}
	
	.TimeLineContentBlock{float:left; padding:20px 0 0 0;}
	
	.TimeLineContentBlock img{ margin:0 10px 0 0; float:left;}
	
	div#corporate div#content .TimeLineContentBlock p:after:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	/* Don't change anything below here unless you know what you're doing */

	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; width:100%;} /* 3/2/2010 Update CA SWM. Added a width of 100%. */
	.coda-slider { 
		float: left; 
		overflow: hidden; 
		position: relative; 
		}
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative;}
	.coda-nav-left, .coda-nav-right { float: left; }
	.coda-nav-left a, .coda-nav-right a { 
		display: block; 
		text-align: center; 
		text-decoration: none;
		}
	
/*Site Map*/
/*.SiteMapWrap{ float:left; width:99%;}
#corporate .SiteMapWrap h2{ 
	width:99%; 
	float:left; 
	padding:0 0 10px 0; 
	background:none;
	font-size:12px;
	}
.SiteMapWrap ul{float:left; width:25%;}
.SiteMapWrap ul li{ 
	float:left; 
	display:block; 
	width:99%;
	list-style:none;
	padding:0 0 5px 5px;
	text-transform:uppercase;
	}
.SiteMapWrap ul li h3{ 
	padding:0; 
	font-size:11px; 
	font-weight:bold;
	color:#000;
	}	
.SiteMapWrap ul li a{ padding:0 0 0 10px; display:block; float:left;}
.SiteMapWrap ul li h3 a{ padding:0;}*/
#site_map_container{ float:left; width:99%;}
#site_map_list{ float:left; width:100%;}
#site_map_list div{ float:left; clear:both;}
.site_map_0
{ 
	width:100%; 
	color:#333; 
	padding: 0;
}
.site_map_0 a
{
	width:100%; 
  font-size:12px;
  font-weight:bold;
}	
.site_map_1
{
	padding:10px 0 10px 15px;
	width:100%;
}
.site_map_1 a
{
	width:100%; 
	color:##726F68;
	font-size:11px;
	font-weight:bold;
}	
.site_map_2
{ 
	width:100%; 
  padding:0 0 5px 30px;
}	
.site_map_3
{ 
	width:100%; 
  padding:0 0 5px 45px;
}
/* @end */

/* Max Slabyak - 5/24 Corporate Bold style */
.corporatebold
{
	color:#726F68;
	font-weight:600;
}


