/* CSS Document */
html, body{
	height:100%;
	margin:0px;
	padding:0px;
	}
	
body{
	background-image:url(../images/bg.jpg);
	background-color:#333333;
	color:#919191;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}
#loginForm input#submit {
	width: 87px;
	height: 46px;
	background: url(../images/layout_17.jpg);
	outline: none;
	border:0px;
}
input#username, input#pwd{
	width: 90px;
	border:1px solid #777;
	background-color:#33393e;
	color:#CCCCCC;
	height:14px;
	font-size:9pt;
}
a{
	color:#919191;
	text-decoration:none;
}
a:hover{
	color:#919191;
	text-decoration:underline;
}
#packLinks a{
	color:#ccc;
	text-decoration:none;
	}
#packLinks a:hover{
	color:#029a69;
	}
#contact_form{
		font-family:Arial, Helvetica, sans-serif;
}
#contact_form .line{
	border-bottom:1px solid #555;
	width:265px;
}
#contact_form .subText{
	font-weight:normal;
}
#contact_form  input#contactName, input#Email, input#phoneNumber, textarea#enquiry{
	width:163px;
	background-color:#fff;
	border: 1px solid #ccc;
}
#formBorders{
	border:1px solid #555;
	padding:5px;
	background-color:#252a2e;
}
li{
list-style:lower-alpha;
}
ol{
color:#029a69;
}
.subText{
	color:#999;
	font-size:9pt;
	font-weight:normal;
}
.line{
	color:#FFFFFF;
	border-bottom:1px solid #fff;
	width:590px;
	padding-top:12px;
}
h5{
	color:#FFFFFF;
	font-size:10pt;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#form_request input#vendorSub,input#vendorAdd,input#vendorName,input#vendorHNum,input#vendorMNum,input#vendorSub, {
	font-size:8pt;
	color:#000;
	width:140px;
	}
#tblHeader{
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
	background-image:url(../images/tblSpan.jpg);
	background-repeat:repeat-x;
}
#print_out{
	font-size:8pt;
}
span{
color:#999999;
}


#navcontainer
{
margin: 10px 0 0 28px;
padding: 0;
height: 32px;
float:right;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;

text-align: center;

padding: 0 0 0 6px;
margin: 0;
}

#navcontainer ul li a
{

background: #2a2f33;
width: 95px;
height: 32px;
padding: 8px 0 0 0;
margin: 0 0 10px 0;
color: #9b9b9b;
text-decoration: none;
display: block;
text-align: center;
font-size:12pt;
font-family:"Arial Narrow", Arial;
}

#navcontainer ul li a:hover
{
color: #fff;
background: #2a2f33;
}

#navcontainer a:active
{
background: #2a2f33;
color: #fff;
}

#navcontainer li#active a
{
background: #2a2f33;
color: #fff;
}
#rightNav a{
	color:#949494;
	display:block;
	height:22px;
	width:174px;
	background-image:url(../images/rightmenu.jpg);
	background-repeat:no-repeat;
	text-align:right;
	text-decoration:none;
	padding-right:21px;
	padding-top:2px;
	font-size:11pt;
}
#rightNav a:hover{
	color:#FFFFFF;
}

#leftNav a{
	color:#949494;
	display:block;
	height:22px;
	width:111px;
	background-image:url(../images/leftmen.jpg);
	background-repeat:no-repeat;
	text-align:right;
	text-decoration:none;
	padding-right:24px;
	padding-top:2px;
	font-size:10pt;
}
#leftNav a:hover{
	color:#FFFFFF;
}

.clear {clear:both;}
.predev1 {width:600px;}
.predev2 {float:left; width:212px; text-align:right;}
.predev3 {float:left; width:164px; text-align:center; padding-top:77px;}
.predev4 {float:left; width:203px; text-align:right; padding-right:21px;}
.predev5 {margin-left:8px; padding:12px 0px 16px 0px;}