/* AF Main CSS */

/* AF General CSS Setting */

body {
	text-align: center;
	margin: 0px 0px 20px 0px;
	background-color: #EFF3AD;
	background-image:url('../images/bg.gif');
	background-position: top;
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-size: 13px;
}

a { text-decoration: none; }
a:link {  color:#000000; text-decoration: none; }
a:visited { color:#391B02; text-decoration: none; }
a:hover { color: #C6C646; text-decoration: underline }

a.linkWhite { color:#FFFFFF; text-decoration: none; }
a.linkWhite:link {  color:#FFFFFF; text-decoration: none; }
a.linkWhite:visited { color:#FFFFFF; text-decoration: none; }
a.linkWhite:hover { color: #FFFF00; text-decoration: underline; }

img {
	border:0px;
}

.clear {
	clear:both;	
}

/* AF Font Style */

.bigFont {
	font-size: 16px;
	font-weight: bold;
}

.empFont {
	font-weight: bold;
	color:#FF0033;
}

.blueFont {
	font-weight: bold;
	color:#0066FF;
}

.greenFont {
	font-weight: bold;
	color:#339933;
}

.grayFont {
	font-weight: bold;
	color:#333333;
}

.orangeFont {
	font-weight: bold;
	color:#FF6600;
}

.brownFont {
	font-weight: bold;
	color:#574E0B;
}

.requiredFont {
	font-weight: bold;
	color:#FF0033;
}

.exampleFont {
	color:#999999;
}

/* AF Block */

#container {
	margin:0px auto;
	width: 779px;
	text-align: center;
	background-color:#FFF;
}

.af_block779 {
	margin: 0px;
	width: 779px;
	text-align: left;
}

.af_block779_white {
	margin: 0px;
	width: 779px;
	text-align: left;
	background-color:#FFF;
	background-image:url('../images/bg_white.gif');
	background-repeat: repeat-y;
}

#af_mainLeft {
	float:left;
	width:531px;
	background-color:#FFFFFF;
}

#af_mainRight {
	float: right;
	width: 248px;
	background-color: #FFFFFF;
}

.af_annoucement_block {
	clear:both;
	margin-bottom:15px;
	padding:30px 0px 30px 0px;
	font-weight:bold;
	color:#FF0033;
	height:auto;
	border: 2px solid #FF0000;
	background-color:#FEE7E7;
	width:497px;
	text-align:center;
}

#af_submitError_block {
	margin:10px 5px 10px 5px;
	padding:5px;
	width:auto;
	height:auto;
	border: 3px solid #FF0000;
	background-color: #FFFFFF;
	background-image:url('../images/afbg.gif');
	background-repeat:no-repeat;
	background-position:bottom right;
}

#af_submitError_block li {
	margin-top:3px;
	padding-top:3px;
}

/* AF Header Main */

#af_headerMain {
	float:left;
	width:531px;
	height:204px;
}

#af_headerMain #inside01 {
	float:left;
	width:531px;
	height:114px;
	background-image:url('../images/main01_01.gif');
}

#af_headerMain #inside02 {
	float:left;
	width:17px;
	height:74px;
	background-image:url('../images/main01_02.gif');
}

#af_headerMain #inside03 {
	float:left;
	width:4px;
	height:74px;
	background-image:url('../images/main01_03.gif');
}

#af_headerMain #inside04 {
	float:left;
	width:4px;
	height:74px;
	background-image:url('../images/main01_04.gif');
}

#af_headerMain #inside05 {
	float:left;
	width:209px;
	height:74px;
	background-image:url('../images/main01_05.gif');
}

#af_headerMain #inside06 {
	float:left;
	width:531px;
	height:16px;
	background-image:url('../images/main01_06.gif');
}

#af_headerMain .picSection {
	float:left;
	width:99px;
	height:74px;
	background-repeat:no-repeat;
}

#af_headerMain #af_inner {
	width:531px;
	height:auto;
	font-size:26px;
	font-weight:bold;
	text-align:right;
	background-color:#CCCCCC;
	color:#000000;
	filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
}

#af_headerRight {
	float:right;
	width:248px;
	height:204px;
	background-image:url('../images/main02.gif');
}

#af_navtop_outer {
	float:right;
	width:248px;
	height:60px;
	background-color:#C6C646;
}

/* AF Title */

.title_type1 {
	clear:both;
	width:501px;
	height:30px;
	padding:15px;
	background-image:url('../images/title01.gif');
	color:#FFFFFF;
	font-family: Tahoma;
	font-size:20px;
	font-weight:normal;
}

.title_type2 {
	clear:both;
	width:501px;
	height:30px;
	padding:15px;
	background-image:url('../images/title02.gif');
	color:#391B02;
	family: Tahoma;
	font-size:20px;
	font-weight:normal;
}

/* AF Main Welcome Message */

h1 {
	font-size:26px;
	font-weight:bold;
	color:#990000;
	margin-top:0px;
}

/* AF Navigation Top Bar */

.navtop{
	background-image:url('../images/navtop.gif');
	width:248px;
	height:30px;
}

.navend{
	background-image:url('../images/navend.gif');
	width:248px;
	height:89px;
}

/* AF Navigation Right Menu */

.af_menu ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.af_menu ul li{
	padding-top:0px; 
	padding-bottom:0px;
}

.af_menu ul li a{
	display:block;
	width:208px;
	height:25px;
	padding-left:40px;
	padding-top:5px;
	background-image:url('../images/navbg_off.gif');
	font-size:16px;
	font-weight: normal;
	color:#4F3106;
}

.af_menu ul li a:visited{
	color:#4F3106;
}

.af_menu ul li a:hover{
	background-image:url('../images/navbg_on.gif');
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#af_menu_footer{
	clear:both;
	padding:20px;
	width:208px;
	height:auto;
	background-color:#C6C646;
	text-align:center;
}

#af_menu_footer #footer_inner{
	padding:10px;
	width:170px;
	background-color:#FFFFFF;
	text-align:center;
}

#af_menu_ads{
	clear:both;
	padding:20px;
	width:208px;
	height:auto;
	background-color:#C6C646;
	text-align:center;
}

/* AF Main Content Area */

.af_content_fullbox{
	width:501px;
	padding:15px;
}

.af_content_fullbox_bg{
	width:501px;
	padding:15px;
	background-image:url('../images/afbg.gif');
	background-position:top;
	background-repeat:repeat-x;
}

.af_content_ads {
	clear:both;
	padding:10px;
	margin-bottom:10px;
	width:511px;
	height:auto;
	text-align:center;
	background-color:#C6C646;
}

/* AF Product Lists */

.af_product_block {
	float:left;
	padding:10px;
	width:218px;
	height:auto;
	border:#999900 1px dotted;
}

.product_name {
	font-size:16px;
	color:#990000;
	font-weight:bold;
}

.product_detail {
	clear:both;
	padding:5px;
	width:206px;
	border:#666666 1px solid;
	background-color:#EFF198;
}

.product_id {
	font-weight:bold;
	color:#FF3300;
}

/* AF Product Search Lists */

.af_productSearch_block {
	clear:both;
	margin-bottom:15px;
	padding:10px;
	width:479px;
	min-height:180px;
	height: auto !important;
	border:#666666 1px dotted;
}

.af_productSearch_block .leftSide {
	float:left; 
	width:148px;
	text-align:center;
}

.af_productSearch_block .rightSide {
	float:left;
	width:329px;
}

.af_productSearch_block .af_productSearch_inner {
	clear:both;
	margin-top:10px;
	padding:10px;
	width:307px;
	border:#666666 1px solid;
	background-color:#E2FAB8;
}

.af_productSearch_block .af_productSearch_inner ul {
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 5px;
}

.af_productSearch_block .af_productSearch_inner ul li {
	list-style-image:url('../images/icon/ico_arrowRight5.gif');
	padding-left:5px;
	margin-left:5px;
}

/* AF Product Details */

#af_productDetail_left {
	float:left;
	padding:10px;
	width:230px;
	height:400px;
	border:#996600 1px dotted;
	background-color:#DFE3AE;
}

#af_productColor_right {
	float:left;
	padding:10px;
	margin-left:11px;
	width:216px;
	border:#666666 1px solid;
	background:url('../images/bgFade_gray.gif') repeat-x;	
}

.af_productColor_example {
	clear:both;
	width:216px;
	height:55px; 
}

/* AF Article */

.af_articleSearch_block {
	margin-top:10px;
	padding:10px;
	width:479px;
	height:auto;
	border:#333333 1px dotted;
}

.af_article_Search_detail {
	clear:both;
	margin-top:10px;
	padding:10px;
	width:457px;
	border:#666666 1px solid;
	background-color:#DDDDDD;
}

.af_articleOuter_block {
	clear:both;
	margin-bottom:15px;
	padding:10px;
	width:479px;
	height: auto !important;
	border:#666666 1px dotted;
	background-color:#E6E6E6;
}

.af_articleInner_block {
	clear:both;
	padding:5px;
	width:467px;
	border:#666666 1px solid;
	background-color:#FFFFFF;
}

/* AF Search Paging */

.af_searchPaging_block {
	clear:both;
	margin:10px 0px 10px 0px;
	padding:5px;
	width:489px;
	height:auto;
	border: 1px solid #333333;
	background-color:#D9F093;
}

/* AF Neighbourhood Website */

#af_neighbour_block {
	border:#B3A711 1px dotted;
	background-color:#FBF8D2;
}

#af_neighbour_block ul {
	list-style-image:url('../images/icon/ico_star.gif');
	padding-left:5px;
	margin-left:5px;
}

/* AF Footer */

#af_footer {
	margin:0px auto;
	width: 779px;
	height:45px;
	padding-top:35px;
	text-align: center;
	background-color:#EFF36B;
	background-image:url('../images/footer01.gif');
}

#af_footer #innerBanner_left {
	float:left;
	width:124px;
	padding-left:5px;
	text-align:left;
}

#af_footer #innerDetail_right {
	float:right;
	width:645px;
	padding-right:5px;
	text-align:right;
}