/* ========================= General ================================ */
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#000000;
scrollbar-face-color:#BBBBBB;
scrollbar-shadow-color:#999999;
scrollbar-highlight-color:#BBBBBB;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#BBBBBB;
scrollbar-track-color:#DADADA;
scrollbar-arrow-color:#ffffff;
}

.leftRowcolor{VERTICAL-ALIGN:top; WIDTH:169px; background-color:#3d3d3d;}
.rightContentcolor{background-color:#ffffff;}
.headerText_bg1 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:21px; color:#fff; height:50; padding-left:10px; background-color:#515151;}

a.link:link {
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline;
}
a.link:visited {
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline;
}
a.link:hover {
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ff0000; text-decoration:underline;
}
img {
border: none;
}
.img2middle 
{
	vertical-align:middle; border: none;
}
table 
{
	border: none;	
}
.text_normal {
font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:bold; color:#3d3d3d;
}

.text_normal_small {
font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; color:#3d3d3d;
}


.text_normal a{color:#3d3d3d}
.text_bold {
font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:bold;
}
.text_big_bold {
font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:bold; color:#000000;
}

.form_dropdown {
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; border:1px solid #898989; background-color:#f4f4f4;
}
.button {
font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#FFFFFF; border:1px outset #999999;
}
.mainTableBorder {border:0px solid #656565; padding:0px;}

.img2middleWithBorder 
{
	vertical-align:middle; 
	border:1px solid #541f3b; 
	padding:1px;
}


.bgHeader {
background-image:url(../images/bg_header.jpg); background-repeat:repeat-x; height:150px;
}
.bgTGHeader {

}
.fotterStyle {
font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#8A8A8A;
}

.fotterStyle1 {
font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#8A8A8A;
}

.headerText {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:21px; color:#ffffff; height:35; padding-left:10px;}
.headerText_bg {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:21px; color:#fff; height:47; padding-left:10px; background-color:#fff;}
/* ======================= Close General Sec. ============================== */
.text_bold_purple{
font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:bold; color:#656565;
}
.pinkLine {
background-image:url(../images/images_redken/redken_line.gif); background-position:center; height:3px; background-repeat:repeat-x; padding-top:2px;
}
.tblBottom_border_normal {border-bottom:1px solid #656565; border-right:1px solid #656565; height:35px; font-family:Arial; color:#656565; font-size:10px; padding:2px}
/* ======================= Button ============================== */
.btnActive {height:21; padding-left:10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none}
.btnActivenor {height:21; padding-left:10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; COLOR: #9e9e9e; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none}
.btnInctive {height:21; padding-left:10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; COLOR: #9e9e9e; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none}
/* ======================= Form Component Sec. ============================== */
.btn {border:1px solid #bfbfbe; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#75716e; font-weight:bold; color:#FFFFFF;}

.textBox {border:1px solid #656565; background:#333333; font-size:8pt; font-family:Arial;height:20px; color:#fff}

.dropDown {border:1px solid #656565; background:#dedede; font-size:8pt; font-family:Arial; color:#000000}
/* ======================= Application Message/Info text ============================== */
.error{font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-size:8pt; text-decoration:none;}
.success{font-family:Arial, Helvetica, sans-serif; color:#3A6700; font-size:8pt; text-decoration:none;}

/* ======================= Table/Grid Sec. ============================== */
.tblTitle {font-family:Arial, Verdana; color:#000000; font-size:12px; font-weight:bold; padding-left:10px; height:20px;}
.tblTitle a {text-decoration:none; color:#ffffff}
.tblTitle a:hover {text-decoration:none; color:yellow}

.tblBorder {border:1px solid #656565;}
.tblSubHeader {background:DF56A6; font-family:Arial; color:#ffffff; font-size:10px; padding:2px; font-weight:bold; height:20px;border-right:#ffffff solid 1px}

.tH1 {background:#333333;text-decoration:none; font-family:Arial; color:#ffffff; font-size:11px; padding:2px; font-weight:bold; }
a{color:#ffffff;text-decoration:none;}

.tblHeader {background:#656565;text-decoration:none; font-family:Arial; color:#ffffff; font-size:13px; padding:2px; padding-left:6px; font-weight:bold; height:25px;}
a{color:#ffffff;text-decoration:none;}


/*.tblRow {background:#c7a5c2; font-family:Verdana; color:#290f1d; font-size:8pt; padding:2px}
.lbnew{background:#000000; font-family:Verdana; color:#753d65; font-size:11px; padding-left:6px; font-weight:bold;}*/
.th_link{background:#333333; font-family:Arial; color:#ffffff; font-size:11px; padding-left:6px; font-weight:bold;cursor:pointer;}
.th{PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #333333; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: Arial; HEIGHT: 25px; TEXT-DECORATION: none}
.tableAlternate{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:bold; color:#000000; background-color:"#f4f4f4"}
.tblRow {background-position:top;background-repeat:repeat-x; background-color:#dedede; font-family:Arial, Helvetica, sans-serif; color:#290f1d; font-size:11px;  text-decoration:none; font-weight:bold; }
.tblBottom_border {border-bottom:1px solid #656565; border-right:1px solid #656565; height:35px; font-family:Arial; color:#656565; font-size:10px; font-weight:bold; padding:2px}
.tblAltRow {background:#dedede; font-family:Arial; color:#290f1d; font-size:8pt; padding:2px; font-weight:bold;}

/* ======================= Product Section ============================== */
.prod_topBorder {
background-image:url(../images/bg_prod_top.gif); background-repeat:repeat-x;}
.prod_btmBorder {
background-image:url(../images/bg_prod_btm.gif); background-repeat:repeat-x;}
.prod_bgMid {
background-image:url(../images/bg_product_box.gif); background-repeat:repeat-y; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000; padding-left:13px;}
.prod_bgRight {
background-image:url(../images/images_redken/bg_prod_boxRight_R.gif); background-repeat:repeat-y; background-position:right;}

/* ============================ Page Numbering ================================== */
.paging_buttonBoxes {
background-color:#52213e; border:1px solid #cfb6c9; height:18px; text-align:center; width:18px;
}
.paging_ActiveBox {
background-color:#656565; border:1px solid #b7b7b7; height:18px; text-align:center; width:24px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight:bold;
}
.paging_InactiveBox {
background-color:#b7b7b7; border:1px solid #656565; height:18px; text-align:center; width:24px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000;
}
.paging_InactiveBox a:link {
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#d3b6ca; text-decoration:none;
}
.paging_InactiveBox a:visited {
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#d3b6ca; text-decoration:none;
}
.paging_InactiveBox a:hover {
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-decoration:none;
}
/* ======================= Legend Sec. ============================== */

.legend {border:1px solid #9a4878; background:#fff9fe; font-size:8pt; font-family:Arial;height:30px; color:#290f1d;}
.legendBorder{background:#656565;}
.legendNew { background:#f4f4f4; font-size:10px; font-family:Arial; color:#290f1d;}
.imgPreview {
	position:absolute;
	float:left;
	width:200;
}

.imgPreview #head{color:#ffffff;font-family:Arial, Verdana; font-size:9pt; font-weight:bold;}
.imgPreview #imgLoader{border:1px solid #5a5a59;background:#b7b7b7;}
#cmbSalonType {position:relative;float:left }

.txtPreview {
	position:absolute;float:left;width:330;
}
.txtPreview #head{color:#ffffff;font-family:Arial, Verdana; font-size:9pt; font-weight:bold;}
.txtPreview #imgLoader{border:1px solid #656565;}
#cmbSalonType {position:relative;float:left }
/*======================== Type Tab ==================================*/
.pop_tab_line {
background-image:url(../images/dot_grey.gif); background-repeat:repeat-x; background-position:bottom;
}
.pop_active_tab {
height:22px; background-color:#ffffff; border-left:2px solid #3A3A3A; border-right:2px solid #3A3A3A; border-top:2px solid #3A3A3A; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; padding-right:10px; vertical-align:middle;
}
.pop_inactive_tab {
height:20px; background-color:#3A3A3A; border-left:2px solid #4E4949; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; padding-right:10px; vertical-align:middle; color:#FFFFFF;
}
.link_pop_tab_active {
font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; text-decoration:none;
}
.link_pop_tab_inactive {
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#D9D9D9; text-decoration:none;
}
.pop_active_box {
border-bottom:1px solid #3A3A3A; border-left:2px solid #3A3A3A; border-right:1px solid #3A3A3A; font-family:Arial, Helvetica, Sans-Serif; font-size:11px;
}

#fixed1{display:block}
@media print{
      #fixed1{display:none}
}

.TooltipHeader{
	vertical-align:middle;
	font-Weight:bold;
	width:200px;
	font-Family:arial;
	border:1px solid #541f3b;
	padding:3;
	font-Size:11;
	color:#ffffff;
	background:#656565;
	filter:alpha(opacity=95); 
}

.TooltipBody{
	border-Bottom:1px solid #541f3b;
	border-Left:1px solid #541f3b;
	border-Right:1px solid #541f3b;
	border-top:1px solid #541f3b;
	width:200px;
	font-Family:arial;
	font-Size:11;
	padding:3;
	color:#541f3b;
	background:#FFFFFF;
	filter:alpha(opacity=95);
}

.menuleftbg
{
	padding-left: 10px;
	background-image: url(../images/menuleftbg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 22px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#8A8A8A; 
	font-size:12px; 
	text-decoration:none;
	width:182px;
	font-weight:bold;
}
.menuleftbg_arrow
{
	padding-left: 10px;
	background-image: url(../images/menuleftbg_arrow.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 22px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#8A8A8A; 
	font-size:12px; 
	text-decoration:none;
	width:182px;
	font-weight:bold;
}
.menuleft
{
	color:#8A8A8A; 
}
.leftmenuhead
{	
	height:30px; 
	padding-top:4px;
	padding-left: 5px;
	padding-right: 5px;	
	font-family:Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	font-size:8pt; 
	text-decoration:none;
}
.headingspace {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:21px; color:#ffffff; height:25; padding-left:10px;}
.textBox_Login {border-left:1px solid #D2D4D3; border-bottom:1px solid #C7C9C8; border:1px solid #C7C9C8; background:#9FA3A4; font-size:8pt; font-family:Arial; height:20px; color:#fff; width:210px;}
.btnLogin {border:none; background-image:url(../images/btns/btn_login.jpg); width:84px; cursor:pointer;}

/* ======================= Left Menu ============================== */
.btnLoginActive {background-image: url(../images/menu/mLogin.jpg); background-repeat:no-repeat; height:14px;}
.btnLoginActivenor {background-image: url(../images/menu/mLogin.jpg); background-repeat:no-repeat; height:14px;}
.btnLoginInctive {background-image: url(../images/menu/mLogin-hover.jpg); background-repeat:no-repeat; height:14px;}

.btnRegisterActive {background-image: url(../images/menu/mRegister.jpg); background-repeat:no-repeat; height:14px;}
.btnRegisterActivenor {background-image: url(../images/menu/mRegister.jpg); background-repeat:no-repeat; height:14px;}
.btnRegisterInctive {background-image: url(../images/menu/mRegister-hover.jpg); background-repeat:no-repeat; height:14px;}

.btnFpwdActive {background-image: url(../images/menu/mFPwd.jpg); background-repeat:no-repeat; height:14px;}
.btnFpwdActivenor {background-image: url(../images/menu/mFPwd.jpg); background-repeat:no-repeat; height:14px;}
.btnFpwdInctive {background-image: url(../images/menu/mFPwd-hover.jpg); background-repeat:no-repeat; height:14px;}

.btnOverviewActive {background-image: url(../images/menu/mOverview.jpg); background-repeat:no-repeat; height:14px;}
.btnOverviewActivenor {background-image: url(../images/menu/mOverview.jpg); background-repeat:no-repeat; height:14px;}
.btnOverviewInctive {background-image: url(../images/menu/mOverview-hover.jpg); background-repeat:no-repeat; height:14px;}

.btnPOrderwActive {background-image: url(../images/menu/mPlaceOrder.jpg); background-repeat:no-repeat; height:14px;}
.btnPOrderActivenor {background-image: url(../images/menu/mPlaceOrder.jpg); background-repeat:no-repeat; height:14px;}
.btnPOrderInctive {background-image: url(../images/menu/mPlaceOrder-hover.jpg); background-repeat:no-repeat; height:14px;}

.btnNOrderwActive {background-image: url(../images/menu/mNewOrder.jpg); background-repeat:no-repeat; height:14px;}
.btnNOrderActivenor {background-image: url(../images/menu/mNewOrder.jpg); background-repeat:no-repeat; height:14px;}
.btnNOrderInctive {background-image: url(../images/menu/mNewOrder-hover.jpg); background-repeat:no-repeat; height:14px;}

.maintext{padding-left:15px; padding-bottom:20px; font-family:Arial; font-size:12px; color:#3D3D3D; font-weight:bold;}

.statementtext{padding-left:15px; padding-bottom:20px; font-family:Arial; font-size:12px; color:#3D3D3D; font-weight:bold;}

.navBG{background-image:url(../images/navBG.jpg); background-repeat:repeat-x;}

.moreOption{padding-bottom:8px; padding-left:10px; text-decoration:underline; font-family:Arial; font-size:12px; color:#3D3D3D; font-weight:bold;}
.moreOption:hover{padding-bottom:8px; padding-left:10px; text-decoration:none; font-family:Arial; font-size:12px; color:#3D3D3D; font-weight:bold;}
.productdesc{font-family:Arial; font-size:11px; color:#3D3D3D; font-weight:bold;}
.producthead {
font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#000000;
}
.normal_text{padding-left:10px; font-family:Arial; font-size:12px; color:#3D3D3D; font-weight:bold;}

.normal_text_small{padding-left:10px; font-family:Arial; font-size:11px; color:#3D3D3D; font-weight:bold;}

.NoData {font-family:Arial; color:#cc0000; font-size:8pt; font-weight:bold;}
.normal_text_big{padding-left:30px; font-family:Arial; font-size:13px; color:#3D3D3D; font-weight:bold;}