.foo{}


.yuanbao_button_add_to_cart 
{
	margin-top:10px;
}

/*===================== Yuanbao wrapper ============================*/


/* Top level <div> */
.yuanbao_master_wrapper
{
	width:1000px;				/* KH: Content width set to 1000px */
	margin: auto;				/* KH: Set margin to auto, this can make the top <div> in the center */
	background: white;			/* KH: Default background */
	color: #AE2035;				/* KH: Default text colode */
}

.yuanbao_master-wrapper-content
{
	
}



/*============================= Header ============================*/
.yuanbao_header
{
	/*background: url('images/Logo.jpg') no-repeat;	 */

	/* KH: No need to set width as 1000px since yuanbao_master_wrapper already define it */
	height: 125px;									
}

.yuanbao_header-content
{
	float: right;			/* KH: Make sure the content displayed in right */
	padding-top: 10px;
	position: relative; 
	margin-top: -115px; 
}

.yuanbao_header-content ul
{
	padding: 0;
	margin: 0;
}

.yuanbao_header-content ul li
{
	list-style: none;
	display: inline;
	padding-right: 2px;
}

.yuanbao_header-content a
{
	color: #FFFFFF; 
	text-decoration: none;
}

.yuanbao_header-content a:hover
{
	color: #AE2035;
}

.yuanbao_header-count
{
	padding-top: 10px;
	margin: 10px;
	color: #AAA;
	text-align: right;
}


/*============================= Footer ============================*/


.yuanbao_footer
{
	float: left;
	margin-top:10px;
	height: 250px;
	width: 1000px;
}

.yuanbao_footer_line 
{
	width: 980px;
	height: 10px;
	background: url(images/icons/yuanbao_footer_line.gif) no-repeat;  
	margin: 10px;
}

.yuanbao_footer_icons
{
	margin-top: 10px;
	height: 58px;
}

.yuanbao_footer_icon_1
{
	margin-left:241px;
}

.yuanbao_footer_icon_2
{
	margin-left:46px;
}

.yuanbao_footer_icon_3
{
	margin-left:46px;
}

.yuanbao_footer_url
{
	margin-top: 10px;
	margin-left: 176px;  /* 201-25 */
}

.yuanbao_footer_url_link 
{
	margin-left: 25px;  /* 201-25 */
}

.yuanbao_footer_url_link a
{
	color:#666666;
}

.yuanbao_footer_url_link a:hover
{
	color: #AE2035;
}

.yuanbao_footer_help
{
	float:left;
	margin-top:20px;
	background: url(images/backgrounds/yuanbao_footer_bg.gif) no-repeat;  
	width: 1000px;
	height: 139px;
}

.yuanbao_footer_help_table
{
	margin-left:95px; /* 115px-20px */
}

.yuanbao_footer_help_table th
{
	width: 138px;
	padding-left: 20px;
	font-weight: bolder;
	color: Black;
}

.yuanbao_footer_help_table td
{
	width: 138px;
	padding-left: 20px;
}

.yuanbao_footer_help_table td a
{
	color:#666666;
}

.yuanbao_footer_help_table a:hover
{
	color: #AE2035;
}

.yuanbao_footer_disclaimer
{
	margin-top:20px;
	text-align: center;
	color:#666666;
	font-weight: bolder;
}

/*============================= Header Menu ============================*/

.yuanbao_header_menu_wrapper
{
}

.yuanbao_header_menu
{
	color:#FFFFFF;  
	width: 1000px;
	height:43px;

	background-image: url(images/HeaderMenu_bg.jpg); 
	background-repeat: no-repeat;
}

.yuanbao_header_menu a
{
	color:#FFFFFF; 
}

.yuanbao_header_menu a:hover
{
	color: #AE2035;
}


/*============================= Header Menu Search Box ============================*/
.yuanbao_search_box
{
	margin-top: 0px;
	margin-left: 176px;	

	height: 29px;
	background-image: url(images/search_bg.gif); 
	background-repeat: no-repeat;
	
	padding-left: 38px;		/* KH: Make sure the text display after this padding */
}

.yuanbao_search_box_text
{
	float: left;			/* KH: Make every elements in search line as float:left so that use <div> to define accurate position */
	padding-top: 8px;
	vertical-align: top;
	width: 135px;
	font-weight: bold;
}


.yuanbao_search_box_input
{
	float: left;
	padding-top: 4px; 
	height: 20px;
}

.yuanbao_search_box_button
{
	float:left;
	padding-top: 4px;
}

.yuanbao_search_box_cart
{
	float:left; 
	margin-left: 42px;
}

.yuanbao_search_box_cart_icon
{
	float: left;
	background:  url(images/search_box_cart.gif) no-repeat; 
	width: 23px;
	height: 23px;
	margin-top: 4px;
}

.yuanbao_search_box_cart_text
{
	float:left;
	padding-left: 3px;
	padding-top: 8px;
}

.yuanbao_search_box_cart a
{
	color:#b1012f; 
	font-weight:bold; 
	text-decoration: underline;
	
}
.yuanbao_search_box_cart a:hover 
{
	color: #BBBBBB; 
}


/* ===================== For two columns ============================*/

/*
    Notes (2009-12-24):
    1. Set float:left to all columns style. This could fix the famous IE6 CSS bug (3px Gaps). 
       This bug is described in "O'Reilley - CSS:The Missing Manual" chap 12, p335
    2. Set display: inline. This could fix the famous IE6 CSS bug (Double Margin)
    3. Set only margin-left 
 */
.yuanbao_sidebar
{
	float: left;
	width: 205px;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
}

/* KH: For TwoColumns.master */
.yuanbao_main_content_wrapper
{
	float: left;
	display: inline;
	margin: 0 10px 0 10px;
	width: 765px;
}

.yuanbao_main_content
{
	float: left;
}

/* ===================== For one column ============================*/

.yuanbao_one_column_wrapper
{
	min-height: 400px;
	float: left;
	display: inline;
	margin: 0 10px 0 10px;
	width: 980px;

}

.yuanbao_one_column_content
{

}

.yuanbao_one_column_width
{
	width: 980px;
}

.yuanbao_under_construction_box
{
	float: left;
	margin-top:10px;
	vertical-align: middle;
	width: 745px;
	height: 400px;
	background: red;
}

.yuanbao_under_construction_image
{
	margin-left: 50px;
	margin-top: 50px;
}


/*==============================================================================================================================================*/

.master-wrapper-bottom
{
	float: left;
	margin: 0 0 0 10px;
	font-family: arial, helvetica, sans-serif;
	display: inline;
	height: auto;
}

.master-wrapper-bottom-cph
{
	float: left;
	color: #000;
}











/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER MENU - SEARCH BOX 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY NAVIGATION - STATIC VERSION --KH

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.category-navigation-static 
{
	float:left;
	margin-top: 11px;
}

.category-navigation-static_title
{ 
	width:200px; 
	height:21px; 
	background-color:#b1012f; 
	text-align:left; 
	line-height:21px; 
	color:#FFFFFF;
}

.category-navigation-static_content
{
	width:198px; 
	height:595px; 
	border:#b9b9b8 1px solid; 
	border-top:none; 
	padding-top:22px;
}
.category-navigation-static_content ul li  
{
	text-align:left;
	height:66px; 
	line-height:22px; 
	overflow:hidden; 
	width:165px; 
	margin-bottom:16px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MANUFACTURER NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.manufacturer-navigation
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.manufacturer-navigation li
{
	list-style: none;
}

.manufacturer-navigation a.inactive
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.manufacturer-navigation a.active
{
	color: #ff9933;
	font-weight: bold;
	text-decoration: none;
}

.manufacturer-navigation .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 10px;
	color: #ff9933;
}

.manufacturer-navigation .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
	margin: 0px;
}

.manufacturer-navigation .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #3664A5;
	background-color: inherit;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY VIEWED PRODUCTS BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	INFO BLOCK NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.infoblock-navigation
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.infoblock-navigation li
{
	list-style: none;
}

.infoblock-navigation a
{
	color: #FFF;
	text-decoration: none;
}

.infoblock-navigation .title
{
	font-size: 14px;
	padding: 7px 10px;
	color: #ff9933;
}

.infoblock-navigation .listbox
{
	font-size: 12px;
	font-weight:  normal;
	padding: 5px 10px 10px;
	line-height: 18px;
	margin: 0px;
}

.infoblock-navigation .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #3664A5;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/






/* ===================================================================================================*/


.twokuang{ }
.twobiao_lft{ float:left;}
.twobiao_rht{ float:right; padding:18px 6px 0 0; text-decoration:underline;}
.twobiao_rht a{color:#333333; text-decoration:underline;}
.twobiao_rht a:hover{ color:#ff6c00; text-decoration:underline;}
.bannertwo{ width:981px; height:269px; overflow:hidden; margin:13px 0 13px 0;}
.twobottom{ width:981px;}
.twobottom_lft{ float:left;}
.twobottom_rht{ float:right;}
.twobottom_lft_top{ width:216px; height:21px; background-color:#b1012f; text-align:left; line-height:21px; color:#FFFFFF;}
.twobottom_lft_bot{ width:214px; height:595px; border:#b9b9b8 1px solid; border-top:none; padding-top:22px;}
.twobottom_lft_bot ul li{  text-align:left; height:66px; line-height:22px; overflow:hidden; width:155px; margin-bottom:16px;}
.twobottom_rht_top{ width:748px; height:21px; background-color:#b1012f; text-align:left; line-height:21px; color:#FFFFFF;}
.twobottom_rht_bot{ width:706px; height:598px; border:#b9b9b8 1px solid; border-top:none; padding:14px 24px 6px 16px; text-align:left;}
.twobottom_rht_bot ul{ padding:0px;}


/*===========================================================================*/