body{
	background: #005b88 url(../images/bgoooo.jpg);
	margin: 0px; 
	
	
}

.bgContent{
background: #ffffff url(../images/ArajenBeauty_11.jpg) no-repeat top;
}

.bgbottom{

background: url(../images/bottom2.gif) no-repeat bottom;
}

.bgFooter{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
COLOR: #f1f1f1; 
LINE-HEIGHT: 11pt; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}

.borderLine{
border: 1px solid #f4e7dc;
}

.vdiv{
border-left: 1px solid #f4e7dc;
}

.textNormal {
	FONT-WEIGHT: normal; FONT-SIZE: 8px; COLOR: #999999; LINE-HEIGHT: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.textHome {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #6c6868; LINE-HEIGHT: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.textHomeBold {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #1c1b1a; LINE-HEIGHT: 14pt; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.hdLeft {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #583c3a; LINE-HEIGHT: 12pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.txtBrown{
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #646060; LINE-HEIGHT: 11pt;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.txtBrown1{
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 11pt;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.hdOrange1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffbe00; LINE-HEIGHT: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.txtOrange {
	FONT-WEIGHT: none; FONT-SIZE: 10px; COLOR: #fb8f1c; LINE-HEIGHT: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.hdBlue{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #00297A; LINE-HEIGHT: 13pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.hdBlue1{
	FONT-WEIGHT: none; FONT-SIZE: 16px; COLOR: #00297A; LINE-HEIGHT: 15pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.hdBlack{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #7b7c7c; LINE-HEIGHT: 13pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.hdBrown{
	FONT-WEIGHT:normal; FONT-SIZE: 11px; font-variant:small-caps; COLOR: #2b2b2b; LINE-HEIGHT: 12pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.hdRedSm{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cd0101; LINE-HEIGHT: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.hdRed {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #cd0101; LINE-HEIGHT: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.hdGrey {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #4a4e56; LINE-HEIGHT: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.txtNormal {
		FONT-WEIGHT: normal; 
		FONT-SIZE: 11px; 
		COLOR: #626262; 
		LINE-HEIGHT: 11pt; 
		FONT-FAMILY: Verdana, Arial, Helvetica, 
		sans-serif; 
		TEXT-DECORATION: none
	}

/* Table Style*/
table.tbl, td.tbl {border: 1px solid #e1e1e1; border-collapse: collapse; } 
td.tb2 {border-style: dashed; border-right: 1px solid #ffca7f }


table.tbl1 {
		border:1px solid #d1d1d1;
		border-collapse:collapse;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 11px; 
		COLOR: #1c1b1a; 
		LINE-HEIGHT: 11pt; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none
	
	}
	
	
	td.tbl1 {
		border:1px solid #d1d1d1;
		border-collapse:collapse;
		padding:5px;
	}	
	
	th.tbl1 {
		border:1px solid #d1d1d1;
		border-collapse:collapse;
		padding:5px;
		
	}	
	
	#fn.tbl1 ,#dp.tbl1 ,#ar.tbl1 {width:58px;}
	#fr.tbl1 ,#to.tbl1 {width:138px;}

caption{
		
		border:1px solid #d1d1d1;
		border-bottom:none;
		padding:5px;
		text-align:left;
		FONT-WEIGHT: bold; 
		FONT-SIZE: 11px; 
		COLOR: #4a3626; 
		LINE-HEIGHT: 10pt; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none
	}



/* End Table Style*/


.inputText {
	background: #fff url(../images/inputText.gif) no-repeat 0 0;
	border: 1px solid #d1d1d1;
	height: 17px;
	padding: 0px; margin: 0;
	font: 10px verdana, sans-serif;
}


.box {
	background: #fff  url(../images/inputText.gif) no-repeat 0 0;
	border: 1px solid #d1d1d1;	
	padding: 0px; margin: 0;
	font: 10px verdana, sans-serif;
	
}
.mandatory {
  color: red;
  font :  normal 10px  verdana, sans-serif;
}

.imgWrapper
{
	margin: 5px 5px 5px 5px;
	border: 5px solid #e1e1e1;
	padding: 5px;
	float:center;
}
.imgWrapperad
{
	margin: 5px 5px 5px 5px;
	float: center;
	border: 2px solid #e1e1e1;
	padding: 5px;
	
	
}

.borderStyle{
	border: 10px Solid #EDE8E8;
	background-color:  url(../images/bg_trans.png) repeat x y;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-style: normal;
	font-weight: normal;	
	font-size: 11px;
	text-decoration: none;
}

.borderStyleBg{
	border: 1px Dashed #AFCEED;
	background-color: #ffffff;
	margin: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-style: normal;
	font-weight: normal;	
	font-size: 13px;
	text-decoration: none;
}

/* Table Style*/
table.tbl, td.tbl {border: 1px solid #e1e1e1; border-collapse: collapse; } 
td.tb2 {border-style: dashed; border-right: 1px solid #ffca7f }


table.tbl1 {
		border:1px solid #d1d1d1;
		border-collapse:collapse;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 11px; 
		COLOR: #1c1b1a; 
		LINE-HEIGHT: 11pt; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none
	
	}
	
	
	td.tbl1 {
		border:1px solid #d1d1d1;
		border-collapse:collapse;
		padding:5px;
	}	
	
	th.tbl1 {
		border:1px solid #d1d1d1;
		border-collapse:collapse;
		padding:5px;
		
	}	
	
	#fn.tbl1 ,#dp.tbl1 ,#ar.tbl1 {width:58px;}
	#fr.tbl1 ,#to.tbl1 {width:138px;}

caption{
		
		border:1px solid #d1d1d1;
		border-bottom:none;
		padding:5px;
		text-align:left;
		FONT-WEIGHT: bold; 
		FONT-SIZE: 11px; 
		COLOR: #4a3626; 
		LINE-HEIGHT: 10pt; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none
	}



/* End Table Style*/


.prodbox {
	background-image: url(../images/gradient.gif);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 10px;
	width: 140px;
}

.vdiv {
	background: url(../images/divider_vert.gif) repeat-y;
	width: 1px;
}

.hdiv {
	background: url(../images/divider_horiz.gif) repeat-x;
	height: 1px;
}

.boxMedAltContent{ 
	border-top: 1px solid #ceb29c;
	border-bottom: 1px solid #ceb29c;
	border-left: 1px solid #ceb29c;
	border-right: 1px solid #ceb29c;
	background: #EDF4FB url(../images/bgBox1.jpg) repeat-x top;
	font : normal 12px  Verdana,Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #21475E;
	height: 200px;
}


.titleShowCase{
	border-top: 1px solid #AFCEED;
	/*border-bottom: 1px solid #AFCEED;*/
	background: #EEEEEE url(../images/bgBox1.bmp) repeat-x top;
	font : normal 11px Arial, Helvetica, sans-serif;
	color: #2489DB;
	/*padding: 3px 5px 3px 5px;*/

	text-align:left;
}


.boxContentAlt{ 
	width : 450px;
	border-top: 1px solid #cfcdcd;
	border-bottom: 1px solid #cfcdcd;
	border-left: 1px solid #cfcdcd;
	border-right: 1px solid #cfcdcd;
	background: #f7f6f4;
	font : normal 10px  Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #;
}

#contact_list
{
    list-style: disc none inside;
}

#contact_list #lst
{
    list-style-image: url("../images/bor.jpg");
}


A.Nav:link {
	FONT-SIZE: 11px; COLOR: #fb8f1c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:none; TEXT-DECORATION: none
}
A.Nav:visited {
	FONT-SIZE: 11px; COLOR: #fb8f1c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:none; TEXT-DECORATION: none
}
A.Nav:active {
	FONT-SIZE: 11px; COLOR: #fb8f1c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:none; TEXT-DECORATION: none
}
A.Nav:hover {
	FONT-SIZE: 11px; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:none; TEXT-DECORATION: none
}
A.MainNav:link {
	FONT-SIZE: 11px; COLOR: #583c3a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNav:visited {
	FONT-SIZE: 11px; COLOR: #583c3a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNav:active {
	FONT-SIZE: 11px; COLOR: #583c3a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNav:hover {
	FONT-SIZE: 11px; COLOR: #fc8220; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

A.MainNavb:link {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #6c6868; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNavb:visited {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #6c6868; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNavb:active {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #6c6868; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNavb:hover {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #fc8220; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

A.MainNavbu:link {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNavbu:visited {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNavbu:active {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNavbu:hover {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #fc8220; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.textbox {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff
}



/* Left Vertical List Menu for Catalog*/

.arrowlistmenu{
width: 190px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: white;
background: black url(../images/titlebar.jpg) repeat-x center left;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 20px;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #202224;
background: url(../images/ArajenBeauty_arrow.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 1px 0;
padding-left: 25px; /*link text is indented 50px*/
FONT-WEIGHT: none; 
FONT-SIZE: 12px; 
COLOR: #403e3c; 
LINE-HEIGHT: 11pt; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
border-bottom: 1px solid #dadada;
border: 0px solid #d9cfcf;
}

.arrowlistmenu ul li a:visited{
color: #403e3c;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background: url(../images/ArajenBeauty_arrow_rd.png) no-repeat center left;
/* background-image: url(../images/glossyback21.gif) repeat y; */
color: #CB0004;
}

/* End List Menu*/


/*  Drop Down style*/

#dropmenudiv{
position:absolute;
border:1px solid #8C6246;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
color: #ffffff;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #8C6246;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #CF9074;
}

/* End Drop Down style*/

/* vertical menu list style-----------not used*/

.glossymenu .headerbar{
font: bold 12px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 155px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid #d4aeae;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-y;
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
COLOR: #545353; 
LINE-HEIGHT: 11pt; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
display: block;
width: auto;
padding: 1px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 150px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 150px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #545353;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback21.gif) repeat y;
color: 990000;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */