body { 
		margin:50px 0px 50px 0px;
		background-image:url(../images/bg_page.jpg);
		background-repeat:repeat;
		padding:0;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:left; 
}

#salesfile{
	width:650px;
	height:auto;
}

#salesfile a{

}

#popupBody {
		 margin:0px;
		 background-color:#ffffff;
		 width:600px;
		 height:auto;
		 margin:0px 50px 50px 50px;
 }
#popupBodyInside {
		float:left;
		margin-left:0px;
		background-image:url(../images/bg_right2.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		width:600px;
		height:auto;
		text-align:left;
		padding:15px 5px 15px 5px;
 }

h1{
	font-size:18px;
	padding: 5px 0px 2px 0px;
}

h4{
	font-size:16px;
	font-weight:bold;
	padding: 5px 0px 2px 0px;
}
h5{
	font-size:14px;
	font-weight:bold;
	padding: 5px 0px 2px 0px;
	color:#666666;
}

a{
	font-size:12px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFCC00;
	font-weight:bold;
}

a:hover{
	font-size:12px;
	text-decoration:underline;
	color:#FF9900;
}

a:visited{
	font-size:12px;
	text-decoration:none;
	color:#FFCC00;
}

input{
		background-image:url(../images/bck_text.jpg);
		background-repeat:repeat-x;
		background-position:top;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding: 5px 5px 5px 5px;
		color:#666666;
		border: 1px solid;
		border-color:  #cccccc #ffffff #ffffff #cccccc;
}

textarea{
		background-image:url(../images/bck_text.jpg);
		background-repeat:repeat-x;
		background-position:top;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding: 5px 5px 5px 5px;
		color:#666666;
		border: 1px solid;
		border-color:  #cccccc #ffffff #ffffff #cccccc;
}

select{
		background-color:#eeeeee;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		/*padding: 2px 2px 2px 2px;*/
		color:#666666;
		border: 1px solid;
		border-color:  #cccccc #eeeeee #eeeeee #cccccc;
}

select option{
		background-color:#eeeeee;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		/*padding: 2px 2px 2px 2px;*/
		color:#666666;
		border: 1px solid;
		border-color:  #cccccc #eeeeee #eeeeee #cccccc;
}

.submit{
		background-image:url(../images/bck_text.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding: 5px 5px 5px 5px;
		color:#666666;
		border: 1px solid;
		border-color:  #ffffff #cccccc #cccccc #ffffff;
}

#feature {
	height: 320px;
	margin-left: 20px;
	width: 720px;
}

#featurettes { height: 253px; margin-left: 16px; }
#featurettes img { float: left; margin: 33px 11px 0 0; }

#content ul { 
	display: inline;
	float: left;
	width: 140px;
}

#content .left { background: url(/images/main/div.gif) no-repeat 206px 35px; width: 207px; }
#content .left h3, #content .left p { margin-right: 10px; }
#content .right { width: 509px; }



#pageLayout{
	position: relative;
	display:inline;
	background-color:#FFFFFF;
	background-position:top center;
	width: 998px;
}

#navArea{
position:relative;
float:left;
	width:200px;
	margin-top: 70px;
	padding:5px 5px 5px 5px;

}

#navArea .Title{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 15px 0px 2px 2px;
	color:#666666;
	text-align:left;
	
}

#navItem{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:15px;
	color:#9999FF;
	padding:0px 0px 5px 2px;
}

#navItem li{

text-align:left;
padding:0px 0px 5px 0px

}

#navItem li a{
color:#9999FF;
text-decoration:none;
	
}

#navItem li a:hover, a:visited{
color:#9999FF;
text-decoration:underline;
	
}

#contentArea{
float:left;
	position:relative;
	
	width:726px;
	height:600px;
margin:0px 5px 0px 5px;

	padding:5px 5px 5px 5px;
	background-color:#eaeaea;
}

#greyBox{
text-align:left;
padding:5px 2px 2px 5px;
background-color:#eeeeee;

background-repeat:repeat-x;
border:solid 1px #cccccc;
width:720px;
height:125px;
}



#greyBox a{
	float:left;
	font-size:11px;
	background-image:url(../images/icons_bttn.gif);
	background-repeat:no-repeat;
	display:block;
	padding:2px 5px 2px 5px;
	width:22px;
	height:22px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	/*border:solid 1px #333333;*/
	margin-bottom:2px;
	margin-right:2px;
}

#greyBox a:hover{
	background-image:url(../images/icons_bttn_f2.gif);
	text-decoration:none;
}

#greyBox a:visited a:active{
	background-image:url(../images/icons_bttn.gif);
	color:#333333;
	text-decoration:none;
}


#greyBox2{
text-align:left;
padding:5px 2px 2px 5px;
background-color:#eeeeee;

background-repeat:repeat-x;
border:solid 1px #cccccc;
width:720px;
height:auto;
}
/* ----------------------------------------------------------------------- Form Action -----------------------------------------------------------------------------*/
#titleCol{
		float:left;
		margin-left:0px;
		font:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		padding: 5px 0px 0px 0px;
		color:#666666;
		width:110px;
}

#detailCol{
		float:left;
		margin-left:0px;
		
		font:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		padding: 5px 5px 25px 5px;
		margin:5px 0px 5px 0px;
		color:#666666;
		background-color:#eeeeee;
		border: 1px solid #dddddd;
		width:600px;
}

#detailCol p{
	padding: 5px 0px 5px 0px;
	margin: 2px 0px 2px 0px;
}

#detailCol h4{
		font:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666666;

}

#titleColWhite{
		float:left;
		margin-left:0px;
		font:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		padding: 5px 0px 0px 0px;
		color:#666666;
		width:110px;
}
#detailColWhite{
		float:left;
		margin-left:0px;
		font:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		padding: 5px 5px 25px 5px;
		margin:5px 0px 5px 0px;
		color:#666666;
		width:600px;
}

#detailColWhite p{
	padding: 5px 0px 5px 0px;
	margin: 2px 0px 2px 0px;
}

#detailColWhite h4{
		font:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666666;

}

#detailColWhite ul{

margin:-10px 0px 0px 0px;

}

#detailColWhite ul li{
text-align:left;
margin:0px 0px 0px 15px;
padding:5px 0px 5px 0px;
line-height:16px;
}

#navLine{
	font-size:11px;
	background-image:url(../images/line_nav.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:30px;
	width:600px;
	padding:10px 10px 10px 10px;
	border-bottom: 1px solid #dddddd;
}


#editBttn a{
	float:left;
	font-size:12px;
	background-image:url(../images/bttn_edit.jpg);
	background-repeat:no-repeat;
	display:	inline;
	padding:7px 5px 2px 30px;
	width:80px;
	height:20px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	border: 1px solid #cccccc;
	margin-top:5px;
	margin-left:5px;
}

#editBttn a:hover{
	color:#ffffff;
	background-image:url(../images/bttn_edit_f2.jpg);
	border: 1px solid #ffffff;
	text-decoration:none;
}

#editBttn a:visited a:active{
	background-image:url(../images/ibttn_edit.jpg);
	color:#333333;
	text-decoration:none;
}

#addBttn a{
	float:left;
	font-size:12px;
	background-image:url(../images/bttn_add.jpg);
	background-repeat:no-repeat;
	display:inline;
	padding:7px 5px 2px 30px;
	width:80px;
	height:20px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	border: 1px solid #cccccc;
	margin-top:5px;
	margin-left:5px
	
}

#addBttn a:hover{
	color:#ffffff;
	background-image:url(../images/bttn_add_f2.jpg);
	border: 1px solid #ffffff;
	text-decoration:none;
}

#addBttn a:visited a:active{
	background-image:url(../images/ibttn_add.jpg);
	color:#333333;
	text-decoration:none;
}


.submitBttn{
	font-size:12px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_submit.jpg);
	background-repeat:no-repeat;
	display:inline;
	padding:7px 5px 2px 30px;
	width:120px;
	height:30px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	border: 1px solid #cccccc;
	margin-bottom:5px;
	margin-left:5px
}

.submitBttnOver{
	font-size:12px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_submit_f2.jpg);
	background-repeat:no-repeat;
	display:inline;
	padding:7px 5px 2px 30px;
	width:120px;
	height:30px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	border: 1px solid #ffffff;
	margin-bottom:5px;
	margin-left:5px
}

.cancelBttn{
	font-size:12px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_cancel.jpg);
	background-repeat:no-repeat;
	display:inline;
	padding:7px 5px 2px 30px;
	width:120px;
	height:30px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	border: 1px solid #cccccc;
	margin-bottom:5px;
	margin-left:5px
}



.cancelBttnOver{
	font-size:12px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_cancel_f2.jpg);
	background-repeat:no-repeat;
	display:inline;
	padding:7px 5px 2px 30px;
	width:120px;
	height:30px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	border: 1px solid #ffffff;
	margin-bottom:5px;
	margin-left:5px
}

.addBttn{
	font-size:12px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_add.jpg);
	background-repeat:no-repeat;
	display:inline;
	padding:7px 5px 2px 30px;
	width:120px;
	height:30px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	border: 1px solid #cccccc;
	margin-bottom:5px;
	margin-left:5px
}

.addBttnOver{
	font-size:12px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_add_f2.jpg);
	background-repeat:no-repeat;
	display:inline;
	padding:7px 5px 2px 30px;
	width:120px;
	height:30px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	border: 1px solid #ffffff;
	margin-bottom:5px;
	margin-left:5px
}

.printBttn{
	font-size:12px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_print.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:inline;
	padding:7px 5px 2px 30px;
	width:120px;
	height:30px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	border: 1px solid #cccccc;
	margin-bottom:5px;
	margin-left:5px
}

.printBttnOver{
	font-size:12px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_print_f2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:inline;
	padding:7px 5px 2px 30px;
	width:120px;
	height:30px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	border: 1px solid #ffffff;
	margin-bottom:5px;
	margin-left:5px
}

.collapseBttn{
	background-image:url(../images/icon_expand.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:inline;
	padding:0px;
	width:24px;
	height:24px;
}

.collapseBttnOver{
	background-image:url(../images/icon_collapse.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:inline;
	padding:0px;
	width:24px;
	height:24px;
}

.printBttn2{
	font-size:10px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_print.jpg);
	background-repeat:no-repeat;
	background-position:-25px -5px;
	
	display:inline;
	padding:0px 0px 0px 0px;
	width:60px;
	height:20px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	border: 1px solid #cccccc;

	margin-left:5px
}

.submitBttn2{
	font-size:10px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bttn_submit.jpg);
	background-repeat:no-repeat;
	background-position:-25px -5px;
	
	display:inline;
	padding:0px 0px 0px 0px;
	width:60px;
	height:20px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	border: 1px solid #cccccc;
	cursor:pointer;

	margin-left:5px
}

/* ----------------------------------------------------------------------- Tablular Action ---------------------------------------------------------------------------*/
.header{
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
background-color:#CCCCCC;

}

.content{
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}


.title{
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;

color:#666666;
background-color:#CCCCCC;
}

.header{
	font-size:12px;
	background-image:url(../images/line_nav.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:20px;
	width:600px;
	padding:10px 10px 10px 10px;
	
}
.content{
	font-size:12px;
	/*background-color:#eaeaea;*/
	width:600px;
	border-bottom: 1px solid #333333;
	padding:0px 10px 0px 10px;
}


.content td a, a:link{
	font-size:12px;
	text-decoration:none;
	color:#FFCC00;
	font-weight:bold;
}

.content td a:hover{
	font-size:12px;
	text-decoration:underline;
	color:#FF9900;
}

.content td a:visited{
	font-size:12px;
	text-decoration:none;
	color:#FFCC00;
}

/* ----------------------------------------------------------------------- Class Definitio -----------------------------------------------------------------------------*/
.normalRow{
		padding: 2px 2px 2px 2px;
		color:#666666;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
}

.normalRow td{
		color:#666666;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
}

.normalRow td H4{

		color:#999999;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
}


.note{
		color:#666666;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		vertical-align:bottom;
}

.errorRow{
		color:#CC0000;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:10 px;
		font-weight:Bold;
}

.bttn{
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		width:100px;
		height:30px;
		padding: 2px;
		color:#666666;
		background-color:#CCCCCC;
		background-image:url(../images/icons_bttn2.jpg);

}

.normalField{
		background-image:url(../images/bck_text.jpg);
		background-repeat:repeat-x;
		background-position:top;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding: 5px 5px 5px 5px;
		color:#666666;
		border: 1px solid;
		border-color:  #cccccc #ffffff #ffffff #cccccc;
}

.errorField{
		background-image:url(../images/bck_red.jpg);
		background-repeat:repeat-x;
		background-position:top;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding: 5px 5px 5px 5px;
		color:#666666;
		border: 1px solid;
		border-color:  #cccccc #ffffff #ffffff #cccccc;
}