/* CSS Document */

/* attribute of body
   background: #FFFFFF url(../images/bg_01.jpg) repeat-x top;
*/
body
{
    margin: 0px;
    padding: 0px;
    font-family: arial, verdana , tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}

.button
{
   border-style: solid;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	height: 20px;
	border: 1px solid #99B65A;
	background-color:#A4A49D;
    }

#container
{
    margin: auto;
    width: 1000px;
}

#header
{
    width: 1000px;
    height: 182px;
    background: #FFFFFF url(../images/headerbg_02.jpg) no-repeat top right;
}




#logo_container
{
    float: left;
    width: 480px;
    height: 182px;
}

#login
{
    float: left;
    width: 350px;
    height: 20px;
    font-family: arial, verdana , tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: underline;
}
#logo
{
    float: left;
    width: 389px;
    height: 182px;
    background: url(../images/logo.jpg) no-repeat left top;
}
#logo img
{
    display: none;
}



#menu_container
{
    float: left;
    width: 1000px;
    height: 9px;
}

#menu_container ul
{
    margin: 11px 0px 0px 0px;
    text-decoration: none;
    list-style: none;
    padding: 11px 0px 0px 0px;
    letter-spacing: normal;
}


#menu_container ul li span
{
    display: none;
}


#one
{
    margin: 0px 0px 0px 2px;
    float: left;
    width: 102px;
    height: 44px;
    background: url(../images/images/buttons/1.jpg) no-repeat top;
}

#two
{
    margin: 0px 0px 0px 2px;
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/2.jpg) no-repeat top left;
}

#three
{
    margin: 0px 0px 0px 1px;
    float: left;
    width: 103px;
    height: 32px;
    background: url(../images/images/buttons/3.jpg) no-repeat top;
}

#four
{
    margin: 0px 0px 0px 1px;
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/4.jpg) no-repeat top;
}

#five
{
    margin: 0px 0px 0px 2px;
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/5.jpg) no-repeat top;
}
#six
{
    margin: 0px 0px 0px 2px;
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/6.jpg) no-repeat top;
}
#seven
{
    margin: 0px 0px 0px 2px;
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/7.jpg) no-repeat top;
}
#eight
{
    margin: 0px 0px 0px 2px;
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/8.jpg) no-repeat top;
}
#nine
{
    margin: 0px 0px 0px 2px;
    float: left;
    width: 101px;
    height: 32px;
    background: url(../images/images/buttons/9.jpg) no-repeat top;
}


#ten
{
    float: left;
    width: 101px;
    height: 32px;
    background: url(../images/images/buttons/9.jpg) no-repeat top;
}


/* second a: for menu*/

#one a
{
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/1.jpg) no-repeat top;
}

#two a
{
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/2.jpg) no-repeat top left;
}

#three a
{
    float: left;
    width: 103px;
    height: 32px;
    background: url(../images/images/buttons/3.jpg) no-repeat top;
}

#four a
{
    float: left;
    width: 103px;
    height: 32px;
    background: url(../images/images/buttons/4.jpg) no-repeat top;
}

#five a
{
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/5.jpg) no-repeat top;
}

#six a
{
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/6.jpg) no-repeat top;
}

#seven a
{
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/7.jpg) no-repeat top;
}
#eight a
{
    float: left;
    width: 102px;
    height: 32px;
    background: url(../images/images/buttons/8.jpg) no-repeat top;
}
#nine a
{
    float: left;
    width: 101px;
    height: 32px;
    background: url(../images/images/buttons/9.jpg) no-repeat top;
}


#header_pic
{
    padding: 0px 0px 0px 0px;
    width: 1000px;
    height: 190px;
    float: left;
    background: url(../images/header.jpg) no-repeat center top;
    
}

#header_pic_afterlogin
{
    padding: 0px 0px 0px 0px;
    width: 530px;
    height: 155px;
    float: left;
  
   
    background: url(../images/header2.jpg) no-repeat center top;
}

#content_holder
{
    margin: auto;
    padding: 20px 10px 20px 10px;
    float: left;
    width: 1000px;
}

#left
{
    padding: 5px 15px 0px 0px;
    margin: 0px;
    float: left;
    width: 220px;
    list-style: none;
}


#menu_left
{
    width: 150px;
}
#menu ul li
{
    margin: 5px 0px 0px 0px;
}

#menu_left ul li span
{
    display: none;
}

#home
{
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/home.jpg) no-repeat top left;
}

#home a
{
    float: left;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/home.jpg) no-repeat top left;
}

#about
{
    margin: 3px 0px 0px 0px;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/about.jpg) no-repeat top;
}

#about a
{
    float: left;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/about.jpg) no-repeat top left;
}

#supplier
{
    margin: 3px 0px 0px 0px;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/supplier.jpg) no-repeat top;
}

#supplier a
{
    float: left;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/supplier.jpg) no-repeat top left;
}

#buyer
{
    margin: 3px 0px 0px 0px;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/buyer.jpg) no-repeat top;
}

#buyer a
{
    float: left;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/buyer.jpg) no-repeat top left;
}

#partner
{
    margin: 3px 0px 0px 0px;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/partner.png) no-repeat top;
}

#partner a
{
    float: left;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/partner.png) no-repeat top left;
}
#terms
{
    margin: 3px 0px 0px 0px;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/terms.jpg) no-repeat top;
}

#terms a
{
    float: left;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/terms.jpg) no-repeat top left;
}

#contact
{
    margin: 3px 0px 0px 0px;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/contact.jpg) no-repeat top;
}

#contact a
{
    float: left;
    width: 143px;
    height: 32px;
    background: url(../images/images/buttons/contact.jpg) no-repeat top left;
}

#center
{
    padding: 5px 0px 0px 20px;
    float: left;
    width: 505px;
    font-family: arial, verdana , tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}
#right
{
    padding: 5px 0px 0px 15px;
    float: left;
    width: 180px;
    font-family: arial, verdana , tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}

#whole_right
{
    padding: 0px 0px 0px 0px;
    float: left;
    width: 730px;
    font-family: arial, verdana , tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}
.watermark
{
    width: 482px;
    height: 295px;
    background: url(../images/watermark.jpg) no-repeat center top;
}
#footer
{
    padding: 40px 10px 5px 10px;
    float: left;
    width: 900px;
    background: url(../images/footerbg.jpg) no-repeat center top;
    margin: auto;
}
#design_footer
{
    padding: 20px 10px 20px 10px;
    float: left;
    width: 900px;
    height: 80px;
    background: url(../images/footerdesign.jpg) no-repeat left bottom;
}


#apDiv1
{
    position: absolute;
    width: 230px;
    top: 224px;
    left: 353px;
    height: 58px;
    overflow: visible;
}
#pop
{
    width: 300px;
}

#pop ul
{
    padding: 0px 0px 0px 20px;
    margin: 10px 0px 0px 2px;
    background: #F8F8F8;
}
#pop ul li
{
    list-style: square;
    text-indent: 3px;
    font-family: arial, verdana , tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #7fcd32;
    background: #FFF;
    border: solid 1px #CCCCCC;
}
#pop ul li a
{
    color: #7fcd32;
    text-decoration: none;
}

#pop ul li a:hover
{
    color: #666666;
    text-decoration: none;
}
.textboxes
{
	width: 180px;	
}
.passwords
{
	width: 200px;	
}
.dropdowns
{
	width:300px;
}
.dropdowns2
{
	width:200px;
}