body {
	margin: 0;
	padding: 0;
	color: #555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:6px;
	background-color: #fff; 
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8px;
	color: #000000
}

h1 { font-size:32px; margin-bottom: 20px; }
h2 { font-size:26px; margin-bottom: 20px; line-height: 28px }
h3 { font-size:20px; margin-bottom: 20px; }
h4 { font-size:18px; margin-bottom: 10px; }
h5 { font-size:16px }
h6 { font-size:14px }

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.contain_spacing { margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px; font-size: 15px; font-family:Arial, Helvetica, sans-serif;}

.toplink {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #990033; text-decoration: none}
.mainlinks {  font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; color: #9C1021;text-decoration:underline}
a:hover {  color: #ff0000; text-decoration:underline}
.headings_home {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration:underline; font-weight: none}
.smalllinks {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFE21C; text-decoration: none}
.leftbluelinks {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #0143a7; text-decoration: underline; font-weight: bold}
.linksorange {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF6531; text-decoration: none; font-weight: bold}


.leftorangelink {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: #ff0000}
.leftorangelink A:hover{  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: #cccccc}

.leftbluelink {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; text-decoration: none; color: #970702; text-shadow: 3px 2px 2px #9a5858;}

.leftbluelink001 {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-decoration: none; color: #970702; text-shadow: 3px 2px 2px #9a5858;}


.Home_button {background-image: url(../images/home_button.JPG); width:69px; height:30px; background-repeat:no-repeat; background-position:left}
.Logout_button {background-image: url(../images/logout_button.JPG); width:75px; height:30px; background-repeat:no-repeat; background-position:left}

.body{ scrollbar-arrow-color:#0000cc; scrollbar-face-color:#c7d0e0; scrollbar-track-color:#e7f0fa; scrollbar-highlight-color:#e0e7f7; scrollbar-3dlight-color:#e0e7f7; scrollbar-shadow-color:#6699cc; scrollbar-darkshadow-color:#003366; }


.MAIN_TOP {background-image:url(../images/top_bg.jpg); width:100%; height:119px; background-repeat:repeat; background-position:center}
.MAIN_FOOTER {background-image:url(../images/footer_bg.jpg); width:100%; height:33px; background-repeat:repeat; background-position:center}
.LEFT_LINK {background-image:url(../images/bg_log1.JPG); width:756px; height:572px; background-repeat:no-repeat; background-position:center}
.submit_button {background-image:url(../images/sub.JPG); width:70px; height:25px; background-repeat:repeat; background-position:center}
.register{background-image:url(../images/register_o.jpg); width:72px; height:35px; background-repeat:no;}
.register:hover{background-image:url(../images/register.jpg); width:72px; height:35px; background-repeat:no;}
.submitLogin{background-image:url(../images/submit_o.jpg); width:72px; height:35px; background-repeat:no;}
.submitLogin:hover{background-image:url(../images/submit.jpg); width:72px; height:35px; background-repeat:no;}



{  
scrollbar-face-color: #c7c7c7; /*/ obviously change this to whatever you want /*/  
scrollbar-arrow-color: #FFFFFF;  
scrollbar-highlight-color: #FFFBF0;  
scrollbar-3dlight-color: #808080;  
scrollbar-shadow-color: #FFFBF0;  
scrollbar-darkshadow-color: #808080;  
scrollbar-track-color: #b5d3e5; 
}  

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	repet: none;
}

.dott_line {background-image:url(../images/dot_line.png); width:none; height:20px; background-repeat:repeat; background-position:none}

.header1_1 {background-image:url(../images/link_bar_bg.JPG); width:100%; height:22px; background-repeat:repeat; background-position:center}

.submit_button {background-image:url(../images/sub.JPG); width:70px; height:25px; background-repeat:repeat; background-position:center}

.header02 {background-image:url(../images/top2_1_logo.JPG); width:235px; height:89px; background-repeat:no-repeat; background-position:left}

.header002 {background-image:url(../images/top2_1_1.JPG); width:1024px; height:26px; background-repeat:no-repeat; background-position:center}

.header03 {background-image:url(../images/top_3_left.JPG); width:235px; height:89px; background-repeat:no-repeat; background-position:left}
.header003 {background-image:url(../images/top2_1_01.JPG); width:1024px; height:26px; background-repeat:no-repeat; background-position:center}


.footer1 {background-image:url(../images/foot_1.JPG); width:100%; height:37px; background-repeat:no-repeat; background-position:center}
.footer2 {background-image:url(../images/foot_2.JPG); width:100%; height:37px; background-repeat:no-repeat; background-position:center}


.login_bg {background-image:url(../images/mainbg.PNG); width:100%; height:600px; background-repeat:no-repeat; background-position:center}
.login_bg1 {background-image:url(../images/login.png); width:737px; height:356x; background-repeat:no-repeat; background-position:center}
.login_bg01 {background-image:url(../images/bg_log1.JPG); width:756px; height:572px; background-repeat:no-repeat; background-position:center}
.login_bg02 {background-image:url(../images/bg_log2.JPG); width:756px; height:572px; background-repeat:no-repeat; background-position:center}

a.copyright:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
a.copyright:active{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
a.copyright:visited{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
a.copyright:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:underline;}
.white_txt_bck {background-color: #FFFFFF;}

.BUTTON_1 {background-image:url(../images/delete.gif); width:79px; height:20px; background-repeat:no-repeat; background-position:center}

.buttonbg {background-image:url(../images/button_bg.gif); width:65px; height:28px; background-repeat:no-repeat; background-position:center}

.welcome_data {  font-family:Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: none; color: #000000; text-decoration: none}

BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}

TD {
	FONT-SIZE: 12px;
	height:10px;
	color: #000000;
	FONT-FAMILY: Arial, Tahoma, Verdana, Arial;
	font-weight: normal;
}

TH {FONT-SIZE: 11px; COLOR: #4f4f4f; FONT-FAMILY: arial, Tahoma, Verdana, Arial}

.mainHeader TD {VERTICAL-ALIGN: top}

.botpreview {BORDER-TOP:#ffffff 1px solid; VERTICAL-ALIGN: middle; COLOR: #ffffff; BACKGROUND-COLOR: #454545; TEXT-ALIGN: center}

.white_heading {FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: arial, Tahoma, Verdana, Arial TEXT-ALIGN: center; font-weight: bold;}

.white {COLOR: #ffffff}

.red {COLOR: #ed1c24}

.blue {COLOR: #425e89}

.loghtgray {COLOR: #434343}

.graylink {COLOR: #ebebeb; TEXT-DECORATION: underline}

.smallpad {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: #434343; PADDING-TOP: 1px}

.pricestyle {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	COLOR: #535353;
	PADDING-TOP: 3px;
	border: 1px solid #434343;
}

A:hover {COLOR: #ff0000; TEXT-DECORATION: underline}

A {TEXT-DECORATION:underline; color:#000099}

A.gray {COLOR: white; TEXT-DECORATION: none}

A.gray:visited {COLOR: white; TEXT-DECORATION: none}

A.gray:hover {COLOR: white; TEXT-DECORATION: underline}

.bottomarea {BORDER-TOP: #425e89 1px solid; COLOR: #3d3d3d}

.bottomarea TD {VERTICAL-ALIGN: top}

.bottomarea A {COLOR: #3d3d3d; TEXT-DECORATION: underline}

.bottomarea A:hover {COLOR: #3f89c3; TEXT-DECORATION: underline}

.maindiv {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px}

.blueheader {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13pt;
	COLOR: #ffffff;
	font-family: arial, verdana, "Times New Roman", Times, serif;
}

.inputstyle {BORDER-RIGHT: #B80000 1px solid; BORDER-TOP: #B80000 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #B80000 1px solid; COLOR:#000000; BORDER-BOTTOM: #B80000 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff}

.inputstyle01 { border-top-left-radius: 0px 0px; border-top-right-radius: 10px 8px; FONT-SIZE: 12px; FONT-FAMILY: Arial; color:#000099; BACKGROUND-COLOR: #d9eefa; padding-left:10px;}

.inputstyle02 {border-top-left-radius: 10em; border-bottom-right-radius: 5em; border-bottom-left-radius: 2em;
 FONT-SIZE:13px; COLOR:#ffffff;  FONT-FAMILY: Arial; BACKGROUND-COLOR:#2790d0; padding-left:10px;}

.inputstyle03 { FONT-SIZE: 13px; FONT-FAMILY: Arial; verdana; color:#000099; BACKGROUND-COLOR: none;  font-weight:bold;}

.inputstyle04 {FONT-SIZE:12px; COLOR:#ffffff;  FONT-FAMILY: Arial, verdana; color: #000000; padding-left:10px; text-align:justify;}

INPUT.text {BORDER-RIGHT: #6d90b0 1px solid; BORDER-TOP: #6d90b0 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #6d90b0 1px solid; COLOR: #333333; BORDER-BOTTOM: #6d90b0 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial; HEIGHT: 20px; BACKGROUND-COLOR: #edf5fb}

.button {BORDER-RIGHT: #6d90b0 1px solid; BORDER-TOP: #6d90b0 1px solid; BORDER-LEFT: #6d90b0 1px solid; BORDER-BOTTOM: #6d90b0 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Verdana, Tahoma, Arial; HEIGHT: 10px; BACKGROUND-COLOR: #79B1F7}

.button1 {BORDER-RIGHT: #6d90b0 1px solid; BORDER-TOP: #6d90b0 1px solid; BORDER-LEFT: #6d90b0 1px solid; BORDER-BOTTOM: #6d90b0 1px solid; width:20px;  FONT-SIZE: 12px; COLOR: #333333; Font-weight:bolder; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-ALIGN: center;  HEIGHT: 20px;BACKGROUND-COLOR: #edf5fb}

.back {BORDER-RIGHT: #6d90b0 1px solid; BORDER-TOP: #6d90b0 1px solid; BORDER-LEFT: #6d90b0 1px solid; BORDER-BOTTOM: #6d90b0 1px solid; width:40px;  FONT-SIZE: 12px; COLOR: #333333; Font-weight:bolder; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-ALIGN: center;  HEIGHT: 20px;BACKGROUND-COLOR: #edf5fb}

.clear {BORDER-RIGHT: #6d90b0 1px solid; BORDER-TOP: #6d90b0 1px solid; BORDER-LEFT: #6d90b0 1px solid; BORDER-BOTTOM: #6d90b0 1px solid; width:60px;  FONT-SIZE: 12px; COLOR: #333333; Font-weight:bolder; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-ALIGN: center;  HEIGHT: 20px;BACKGROUND-COLOR: #edf5fb}

.caps_lock {BORDER-RIGHT: #6d90b0 1px solid; BORDER-TOP: #6d90b0 1px solid; BORDER-LEFT: #6d90b0 1px solid; BORDER-BOTTOM: #6d90b0 1px solid; width:75px;  FONT-SIZE: 12px; COLOR: #333333; Font-weight:bolder; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-ALIGN: center;  HEIGHT: 20px;BACKGROUND-COLOR: #edf5fb}


.left_menue {Font-weight:bolder; FONT-FAMILY: Arial, Verdana, Arial; font-size:12px; TEXT-ALIGN: center; color:#000066; HEIGHT: 20px;}

.middleright {VERTICAL-ALIGN: middle; TEXT-ALIGN: right}

.middlecenter {VERTICAL-ALIGN: middle; TEXT-ALIGN: center}

.toplinks {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x}


.toplinks A {COLOR: #ffffff; TEXT-DECORATION: underline}

.toplinks A:hover {COLOR: #d1ebff; TEXT-DECORATION: underline}

.mainnavigation {VERTICAL-ALIGN: middle; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center}

.mainnavigation A {FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none}

.mainnavigation A:hover {COLOR: #d1ebff; TEXT-DECORATION: none}

.topright {COLOR: #4c6892; BACKGROUND-REPEAT: no-repeat}

.topright A {COLOR: #4c6892; TEXT-DECORATION: underline}

.topright A:hover {
	COLOR: #639fce
}
.lightblue {
	COLOR: #3780b9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-decoration: blink;
}
.tinyborder {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}

.tr_padding {padding-left:10px}

.bluebar {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: ##999999; height:20px; TEXT-ALIGN: defoult; FONT-SIZE: 14px; COLOR: #000000
}
.bluebar1 {
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ca0a3d;
	font-weight:bold;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	COLOR:#000000;
	BORDER-BOTTOM: #000000 1px solid;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #ca0a3d;
	TEXT-ALIGN: center;
	FONT-SIZE: 12px;
	COLOR: #ffffff
}

.bluebar001 {
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	BACKGROUND-COLOR: #033a7d;
	font-weight:bold;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	COLOR:#000000;
	BORDER-BOTTOM: #000000 1px solid;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #033a7d;
	height:25px;
	TEXT-ALIGN: center;
	FONT-SIZE: 12px;
	COLOR: #ffffff
}


.bluebar2 {
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ca0a3d;
	font-weight:none;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	COLOR:#000000;
	BORDER-BOTTOM: #000000 1px solid;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	BACKGROUND-COLOR: #ca0a3d;
	TEXT-ALIGN: center;
	FONT-SIZE: 12px;
	COLOR: #ffffff
}

.bluebar01 {
	FONT-FAMILY: Verdana, Arial; BACKGROUND-COLOR: #ffffff; font-weight:bold; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; COLOR:#000000; BORDER-BOTTOM: #999999 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #f3f4f6; TEXT-ALIGN: center; FONT-SIZE: 12px; COLOR: #000000
}

.bluebarA01 {
	BACKGROUND-COLOR: #cfcfcf; height:2px;
}

.bluebar A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none
}
.bluebar A:hover {
	COLOR: #c1d5e1; TEXT-DECORATION: underline

}
.darkred {
	COLOR: #b90404
}
.smallfont {
	FONT-SIZE: 11px
}
.bluenav {
	FONT-SIZE: 11px; COLOR: #ffffff
}
.bluenav A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.bluenav A:hover {
	COLOR: #d1ebff; TEXT-DECORATION: none
}
.bluelink {
	COLOR: #3780b9; TEXT-DECORATION: underline
}
.none_decor {
	COLOR: #3780b9; TEXT-DECORATION: none
}
.none_decor:hover {
	TEXT-DECORATION: none
}
TABLE.valignTop TD {
	VERTICAL-ALIGN: top
}
TABLE.valignTop TH {
	VERTICAL-ALIGN: top
}
A.altTitle {
	FONT-WEIGHT: bold; CURSOR: default; TEXT-DECORATION: none
}
A.altTitle:hover {
	FONT-WEIGHT: bold; CURSOR: default; TEXT-DECORATION: none
}
A.altTitle:hover {
	BORDER-BOTTOM: 1px dotted
}

.USER_LOGIN_BG{background-image:url(../images/wc_login_bg.png); width:684px; height:390px; background-repeat:no-repeat; background-position:center; align:top}
.FORM_TABLE {table-layout:auto; width:100%; height:300px; table-horscrolling: yes; table-verscrolling:yes;}
.MERCHANT_AGENT_BG{background-image:url(../images/merchant_agent.jpg); width:1025px; height:582px; background-repeat:no-repeat; background-position:center; align:top}


.login1 {background-image: url(../images/login01.jpg); width:544px; height:367px; background-repeat:no-repeat; background-position:default}
.login2 {background-image: url(../images/login02.jpg); width:544px; height:367px; background-repeat:no-repeat; background-position:default}
.login3 {background-image: url(../images/login04.jpg); width:645px; height:310px; background-repeat:no-repeat; background-position:default}
.login4 {background-image: url(../images/login05.jpg); width:972px; height:578px; background-repeat:no-repeat; background-position:default}

.right_box {background-image: url(../images/right_box.png); width:264px; height:230px; background-repeat:no-repeat; background-position:default; }
.right_top_box {background-image: url(../images/right_top_box.png); width:264px; height:130px; background-repeat:no-repeat; background-position:default; }
.right_down_box {background-image: url(../images/right_down_box.png); width:264px; height:140px; background-repeat:no-repeat; background-position:default; }


.animationdiv{
    width: 250px;
    
    background: red;
    position: relative;
    -webkit-animation: divanimation 5s infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation: divanimation 5s infinite;
}
@keyframes divanimation {
    0%   {background: red; left: 0px; top: 0px;}
    0%   {background: yellow; left: 0px; top: 0px;}
    
}
h1
{
 text-align:center;
 font-size:35px;
 margin-top:60px;
 color:#BEF781;
}
h1 p
{
 text-align:center;
 margin:0px;
 font-size:18px;
 text-decoration:underline;
 color:white;
}
#main_content
{
	margin-top:10px;
	width:100%;
	margin-left:2px;
	margin-right: 2px;
}
#main_content li
{
 display:inline;
 list-style-type:none;
 background-color:#a20c3b;
 padding:5px;
 border-radius:5px 5px 0px 0px;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
#main_content li.notselected
{
 background-color:#a20c3b;
 color:#fff;	
}
#main_content li.selected
{
 background-color:#ffd1df;
 color:#a20c3b;	
}
#main_content .hidden_desc
{
 display:none;
 visibility:hidden;
}
#main_content #page_content
{
	background-color:#ffd1df;
	padding:5px;
	margin-top:0px;
	border-radius:0px 5px 5px 5px;
	color:#a20c3b;
	line-height: 1.6em;
	word-spacing:3px;
}