/***** For FireFox *****/
/********** Classes *************/
html{overflow: -moz-scrollbars-vertical; overflow: scroll;}

body {
	font-family: Arial, Tahoma;	
	font-size:12px;
}

.contentBox
{	
	width:856px; /*1052px;*/
	background-color:white;	
	border:0px solid red;
	position:relative;
	top:-10px;
}

.flashObj 
{
	margin:-2px;
	z-index:1;
}

.left_border_grey 
{	
	position:relative;	
	left:0px;
	z-index:1;
	width:8%;
	background:url(../images/left_grey_border_3.jpg) repeat-y;
	border:0px solid blue;		
}

.right_border_grey 
{		
	position:relative;
	width:8%;
	background:url(../images/right_grey_border_3.jpg) repeat-y;		
	z-index:1;	
	border:0px solid green;
}


.bottom_border_grey
{
	background:url(../images/bottom_border.jpg) repeat-x;	
	z-index:-1;
}

.DivWrap
{
	width:810px;
}


/**** Header.inc ****/

.header_links
{
	position:absolute;
	top:3px;
	left:48px;
	color:white;
	width:630px;
	font-size:9px;
	border:0 solid red;	
	
	text-align:center;
}

.header_links a
{
	text-decoration:none;
	color:#404A53;
}

.headerDot
{		
	position:relative;
	bottom:4;	
	margin:0 2px 0 4px;	
	width:2px;
	height:3px;
}

.healthTopicArea
{
	position:absolute;
	top:2px;
	right:0px;
	border:0px solid blue;		
}

.healthTopicOrangeBox
{
	position:relative;
	right:-4px;
	background-color:#EC1E1E;
	color:white;
	font-size:12px;	
	border:0px solid green;
	height:23px;
	width:160px;	
}

.healthTopicText
{
	position:absolute;
	top:3px;
	left:15px;
	border:0px solid green;	
}

.healthTopicDropDown
{
	position:absolute;
	top:27px;
	right:-4px;
	border:0px solid red;
}

/**** Footer.inc ****/

.footerDot
{		
	position:relative;
	bottom:-3;	
	margin:0 10 0 10;	
	width:15px;
	height:15px;
	border:0 solid red;
}

.designByMsg
{
	color:red;
	margin-top:0px;
	font-size:14px;	
	position:relative;
	z-index:1;
}

.displayMsgText
{
	position:absolute;
	top:5px;
	left:30px;
}

.designByMsg a
{
	text-decoration:none;
	color:red;
}

.rougierdotcom
{
	color:#0E19A4;
	font-weight:bold;
	font-size:14px;
}


.footer_dark_grey
{
	position:relative;
  	background:url(../images/footer_dark_grey.jpg) repeat-x;
  	height:82px; 
	border:0px solid yellow;  
	left:-5px;	  	
}

.footer_links
{
	float:left;
	position:relative;
	margin:10;
	color:white;
	font-size:12px;
	border:0 solid yellow;		
}


.footerInfo
{
	float:left;
	font-size:11px;
	color:white;
	margin:10 0 10 15;
	width:50%;
	border:0px solid red;
}

.footer_links a
{
	text-decoration:none;
	color:white;
}

.pageHeader
{
	color:#002D5E;
	font-weight:bold;
	font-size:20px;
	margin-left:20px;
	margin-bottom:10px;
}

.pageHeader a
{
	color:#002D5E;
	text-decoration: none;
}

.pageHeader a:hover
{
	color:#002D5E;
	text-decoration: underline;
}

.downloadFlash
{
	position:absolute;
	right:20px;
	top:1px;	
}

.contactUsBox
{
	width:600px;
	height:560px;
	margin-left:50px;
	border:0px solid red;	
}


/**** Display_Section_Products.asp ****/
#displaySectionProductsTable
{
	position:relative;	
	margin-top:-10px;
	margin-left:-10px;
	border:0px solid red;
}

#displaySectionProductsBg
{
	background:url(../images/SectionProducts/productsDisplayBg.jpg) repeat-x;		
}

#iFrameSize
{
	width:100%;
	height:274px;
	overflow-y: hidden; 
}

.ProductPics img
{
	position:relative;	
	margin-top:-12px;
	border:0px solid red;
}

.ProductLinks
{
	position:relative;	
	margin-top:15px;
	border:0px solid red;
	text-align:center;
	height:58px;
	font-size:12px;
	text-decoration:none;	
}

.ProductLinks a
{
	position:relative;
	border:0px solid yellow;
	text-align:center;
	text-decoration:none;
	color:black;
}

.ProductLinks a:hover
{
	text-decoration:none;
	color:red;
}


/********** ID *************/

#logo
{	
	position: relative;	
	height:70px;
	margin-top:10;	
	border:0 solid red;
}


/**** index.asp ****/

#main_door
{
	position:relative;	
	background: url(../images/main_door.jpg) no-repeat;
	height:612px;
	width:818px;	
	left:0px;
	border:0px solid red;
}

#JR_Logo
{
	position: absolute;
	top:90px;
	left:172px;
	border:0 solid yellow;
}

#english_tab
{
	position:absolute;	
	top:345px;
	left:58px;	
	height:155px;
	width:283px;
	text-decoration:none;	
	border:0 solid red;	
}


#txtEng
{
	position:absolute;
	top:10;
	left:90;	
	text-align:center;
	color:#FF2D2A;
	font-size:16px;
	font-weight:bold;
	margin-top:10;
	font-family:arial;
	letter-spacing:3px;	
}

#engWelcomeMsg
{
	position:absolute;
	top:37;
	left:0;
	text-align:center;	
	font-size:12px;	
	margin:15;
	font-family:arial;	
	line-height:18px;
	color:black;		
	width:260;
	border:0 solid red;
}

#french_tab
{
	position:absolute;
	top:347px;
	right: 115px; 
	height:155px;
	width:294px;
	text-decoration:none;	
}

#txtFrn
{
	position:absolute;
	top:10px;
	left:144px;
	text-align:center;
	color:#FF2D2A;
	font-size:16px;
	font-weight:bold;
	margin-top:11px;
	font-family:arial;
	letter-spacing:3px;
	text-decoration:none;
}

#frnWelcomeMsg
{
	position:absolute;
	top:37px;
	left:50px;
	width:260px;
	text-align:center;	
	font-size:12px;	
	margin:15;
	font-family:arial;	
	line-height:18px;
	color:black;	
}

/**** main.asp ****/

#main_drugShell
{
	position:relative;
	background:url(../images/drugShell/main_drugShell.jpg) no-repeat;
	height:650px;
	width:830px;
	border:0px solid blue;
}

#redLinksBoard
{
	position:absolute;
	top:9px;
	left:11px;
	width:317px;
	z-index:1;
	border:0px solid red;
}


#Pharmacist
{
	position:absolute;
	top:134px; 
	left:571px;
	width:50px;
	border:0px solid red;
	z-index:1;
}


/**** display_products.asp ****/
#PharmacistArea
{
	position:relative;		
	top:5px;		
	left:-3px;
	border:0px solid red;
	width:820px;
}

#dialogHeader
{
	position:absolute;
	top:8px;
	left:20px;
	width:380px;
	font-weight:italic;
	font-family:Bradley Hand ITC;
	color:white;
	font-size:20px;
	z-index:1;	
	border:0px solid white;
}

#skinCarePharmacist
{
	position:relative;
	top:-170px;
	left:1px;
	width:182px;
	border:0px solid green;	
}

#informationLinks
{	
	position:absolute;
	top:56px;
	left:210px;
	width:180px;	
	border:0px solid red;	
	font-size:2px;
}

#informationLinks a
{
	text-decoration:none;
	font-size:12px;
	color:black;
}

#informationLinks a:hover
{
	text-decoration:none;
	color:red;
}

#sampleProducts
{	
	position:absolute;
	top:5px;
	left:430px;	
	border:0px solid green;	
}

#sampleProductsDesc
{
	position:absolute;	
	width:350px;
	border:0px solid blue;
	font-size:12px;
}

.DisplayOneProduct
{
	border:0px solid red;	
	position:relative;	
	border:0px solid red;			
	margin-top:-310px;
	left:410px; /*440px;*/
	width:400px; /*450px;*/
}

.DisplayOneProductImg
{
	float:left;
}

.DisplayOneProductName
{
	border:0px solid blue;
	position:relative;
	padding:0 0 5 5;
	font-weight:bold;
}


.DisplayOneProductInfoStyle_Uses
{
	border:0px solid red;
	left:8px;
	width:350px;
	position:relative;
}


.DisplayOneProductInfoStyle
{
	border:0px solid green;
	position:relative;
}

.DisplayOneProductInfoStyle span
{
	font-weight:bold;
	color:red;
}


.printerPosition
{
	margin-bottom:10px;
}

/**** ./SkinCare/about.asp ****/

.mainDialogBox
{
	border:0px solid green;
	width:819px;
	position:relative;	
	left:-4px;
}

.mainDialogBoxHeaderText
{
	position:absolute;
	top:14px;	
	left:15px;
	width:300px;
	color:white;
	font-weight:italic;
	font-family:Bradley Hand ITC;	
	border:0px solid green;
}

.mainDialogBoxHeaderTextLong
{
	position:absolute;
	top:13px;
	left:15px;
	width:300px;
	color:white;
	font-weight:italic;
	font-family:Bradley Hand ITC;	
}

.contentArea
{
	border:0px solid blue;
	width:430px;
	position:relative;
	margin-top:-410px;
	left:100px;
	float:left;	
	font-size:14px;
}

.contentAreaLong
{
	border:0px solid blue;
	width:430px;
	position:relative;
	margin-top:-600px;
	left:100px;
	float:left;	
	font-size:14px;
}

.sampleProductArea
{
	border:0px solid brown;
	width:250px;
	position:relative;
	left:110px;
	float:left;
}

.mainDialogBoxLinks a
{
	text-decoration:none;
	color:black;
}

.mainDialogBoxLinks a:hover
{
	text-decoration:none;
	color:red;
}

.contentHeader
{
	color:orange;
	font-weight:bold;
	font-size:17px;
}

#contentBody
{	
	font-size:12px;
}

a.BrowseOurProduct
{
	font-size:12px;
	color:black;
	text-decoration:none;
}

/*********** Feb 01st, 2007 ********/

.mainDialogBoxLinks
{
	position:absolute;
	top:60px;
	left:100px;
	border:0px solid red;	
	width:192px;
	font-size:12px;
}

.mainDialogBoxLinks ul
{
	position:relative;
	border:0px solid green; 
	margin-top:-10px;	

}


.mainDialogBoxLinks a
{
	text-decoration:none;
	color:black;
}


.mainDialogBoxLinks a:hover
{
	text-decoration:none;
	color:red;
}

.mainDialogBoxLinks ul li
{
	padding-left:25px;
	background:url(../images/SectionProducts/orangeDot.jpg) no-repeat;
	margin-left:3px;
	margin-top:1px;
	margin-bottom:1px;
	border:0px solid black; 
	list-style-type:none;
}

.subMenuTextAlign
{
	border:0px solid green;
	width:130px;
	margin-left:-10px;
	position:relative;
	color:black;
}


.subMenuWrap
{
	margin:0 0 10 -1px;
	border:0px solid orange; 
	width:155px;	
}

/******* XML *******/

.blue_bkg_quatro_left
{
	float: left;
	width: 100px;
	padding-left: 2px;
	margin-right: 2px;
	background: #E0EFFF;
	height: 60px;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.blue_bkg_quatro_right
{
	float: left;
	width: 196px;
	padding-left: 2px;
	background: #E0EFFF;
	height: 60px;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.blue_bkg_triple_left
{
	float: left;
	width: 100px;
	padding-left: 2px;
	margin-right: 2px;
	background: #E0EFFF;
	height: 45px;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.blue_bkg_triple_right
{
	float: left;
	width: 196px;
	padding-left: 2px;
	background: #E0EFFF;
	height: 45px;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.blue_bkg_double_left
{
	float: left;
	width: 100px;
	padding-left: 2px;
	margin-right: 2px;
	background: #E0EFFF;
	height: 30px;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.blue_bkg_double_right
{
	float: left;
	width: 196px;
	padding-left: 2px;
	background: #E0EFFF;
	height: 30px;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.blue_bkg_left
{
	float: left;
	width: 100px;
	padding-left: 2px;
	margin-right: 2px;
	background: #E0EFFF;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.blue_bkg_right
{
	float: left;
	width: 196px;
	padding-left: 2px;
	background: #E0EFFF;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.white_bkg_left
{
	float: left;
	width: 100px;
	padding-left: 2px;
	margin-right: 2px;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.white_bkg_right
{
	float: left;
	width: 196px;
	padding-left: 2px;
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.blue_text {
	font-family : Arial, Tahoma;
	color : #003366;
}


.lightest_blue_fill {
	background-color : #E0EFFF;	
}


.black_title {
	font-family : Arial, Tahoma;	
	color : #000000;
	font-weight : bold;
}


.black_text {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.small_text {
	font-family : Arial, Tahoma;
	font-size : 10px;
}

.small_gray_text {
	font-family : Arial, Tahoma;
	font-size : 10px;
	color : #CCCCCC;
}

/********* Rougier Old Css *********/

td {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #003366;
}

ul.whatsnew {
	margin: 5px 0px 10px 23px;
	list-style: url(http://www.rougier.com/images/whatsnew_bullet.gif);
}

li.whatsnew {
	margin: 0px 0px 0px 0px;
}


A {
	text-decoration:none;
	color:black;
}

A:hover
{
	text-decoration:none;
	color:red;
}

A.red_link {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #880000;
	font-weight : bold;
	text-decoration : none;
}

A.red_link:hover {
	text-decoration : underline;
}

A.gold_link {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #CC6600;
	font-weight : bold;
	text-decoration : none;
}

A.gold_link_nobold {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #CC6600;
	text-decoration : none;
}

A.gold_link_nobold:hover {
	text-decoration : underline;
}

A.small_gold_link {
	font-family : Arial, Tahoma;
	font-size : 10px;
	color : #CC6600;
	font-weight : bold;
	text-decoration : none;
}

A.blue_link {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #003366;
	text-decoration : none;
}

A.dark_blue_link {
	font-family : Arial, Tahoma;
	font-size : 10px;
	color : #003366;
	text-decoration : none;
}

A.brown_link {
	font-family : Arial, Tahoma;
	font-size : 10px;
	color : #944900;
	font-weight : bold;
	text-decoration : none;
}

a.small_white_link {
	font-family : Arial, Tahoma;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration: underline;
}

.small_gray_link {
	font-family : Arial, Tahoma;
	font-size : 10px;
	color : #CCCCCC;
}

.dark_blue_fill {
	background-color : #003366;
}

.gray_fill {
	background-color : #808080;
}

.light_blue_fill {
	background-color : #6699CC;
}

.lightest_blue_fill {
	background-color : #E0EFFF;
}

.gold_fill {
	background-color : #EFBE6B;
}

.white_fill {
	background-color : #FFFFFF;
}

.dark_yellow_fill {
	background-color : #DD9134;
}

.black_text {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
}

.black_title {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #000000;
	font-weight : bold;
}

.blue_text {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #003366;
}

.blue_title {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #003366;
	font-weight : bold;
}

.big_blue_title {
	font-family : Arial, Tahoma;
	font-size : 14px;
	color : #003366;
}

.gold_text {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #CC6600;
}

.gold_title {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #CC6600;
	font-weight : bold;
}

.big_gold_title {
	font-family : Arial, Tahoma;
	font-size : 14px;
	color : #CC6600;
	font-weight : bold;
}

.brown_text {
	font-family : Arial, Tahoma;
	font-size : 10px;
	color : #944900;
	font-weight : bold;
}

.small_text {
	font-family : Arial, Tahoma;
	font-size : 10px;
}

.small_gray_text {
	font-family : Arial, Tahoma;
	font-size : 10px;
	color : #CCCCCC;
}

.gray_title {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #CCCCCC;
	font-weight : bold;
}

.big_gray_title {
	font-family : Arial, Tahoma;
	font-size : 14px;
	color : #CCCCCC;
	font-weight : bold;
}

.red_text {
	font-family : Arial, Tahoma;
	font-size : 12px;
	color : #CC0000;
}

.small_white_text {
	font-family : Arial, Tahoma;
	font-size : 11px;
	color : #FFFFFF;
}


/**************Layout for Longer Header  Title ( Health Tools )*********************/

.HealthToolsHeaderDot
{	
	border:1px;	
}

 
.subMenuTextAlignHT
{	
	margin-left:0px;
	width:140px; 
}


.subItemHT
{
	 width:140px; 
} 

/**************Layout for Longer Header Title ( Medication Tips )*********************/

.HeaderDotAlign
{	
	margin-bottom:-15px;
}


.subMenuTextAlignHeader
{	
	margin-left:11px;
	width:130px; 
	border:0px solid orange;
}