@charset "utf-8";
@import 'menu.css';
@import 'form.css';
@import 'ajax_style.css';
@import 'link.css';
@import 'lightWindow.css';

/**
 * Main CSS Stylesheet
 */
body,html
	{
	min-height:101%;
	
}
html {
    height:100%;
    margin-bottom:1px;
    }
body {
	margin:0;
	padding:0;
	/*font:12px Verdana,Arial,Helvetica,sans-serif;*/
	font: 12px Helvetica,微软雅黑,Tahoma,Arial,Microsoft YaHei,宋体,SimSun,sans-serif;
	
	color: #444;
    /*background:#000 url(../images/bg2.jpg) top left no-repeat fixed;*/
    background:#000 url(../images/holiday_striped.gif) top left repeat;
	height:100%;
	text-align:center;
	background:#000;
	
	}
	
#mainWrapper {
	background-color: #fff;
	text-align: left;
	width:880px;
    margin:0 auto;

	}
div#headerWrapper
    {
    background-color:#333;
    width:880px;
    
    }
#maincontent {
    clear:both;
    margin:0;
    padding:0 0 0 0;
	background-color:#fff;
	width:880px;
	}
	
#logoWrapper {
	width:100%;
	background-color:#f1d100;
	}
#logo {
	padding:20px;
	}
	

div#leftbox	{
	width:175px;
	float:left;
	background-color:#fff;
	}
	
div#main_right {
	width:675px;
	float:right;
	margin:0;
	padding:0;
	background-color:#fff;
	}
	
div#right_content {
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	}
	
div#content_inside {
	width:100%;
	margin:0 auto;
	padding:0;
	float:left;
	background-color:#fff;
	}
	
div#centerbox {
	width:475px;
	float:left;
	}
	
div#rightbox {
	width:175px;
	float:right;
	padding:0;
	margin:0;
	}
div#full_content
    {
    width:90%;
    margin:0 auto;
    }	

div#footer
    {
    clear:both;
    width:880px;
    padding:10px 0;
    background-color:#000;
    margin-top:10px;
    }

#welcome
    {
    margin:0;
    padding:6px 0 8px 0;
    float:left;
    width:100%;
    background-color:#000;
    }
#welcome span
    {
    font-weight:bold;
    color:#09c;
    padding:2px 10px 2px 0;
    }
#account_info
    {
    margin:0;
    padding:0;
    float:right;
    }
#account_info li
    {
    float:left;
    text-align:center;
    }
#account_info a,
#account_info a:hover,
#account_info a:active
    {
    display:inline;
    background-color:transparent;
    color:#888;
    padding:1px 8px;
    width:5em;
    text-decoration:none;
    }
#account_info a:hover,
#account_info a:active,
.welcome_on
    {
    background-color:#fff !important;
    }
.headersearch,
.headersearch form
    {
    margin:0;
    padding:0;
    float:right;
    width:150px;
    }    
.headersearch form
    {
    padding:3px 0 0 0;
    }

.headersearch .FormInput
    {
    float:left;
    clear:both;
    width:120px;
    margin-right:1px;
    color:#aaa;
    }
.search_button
    {
    
    margin:3px 0 0 0;
    width:15px;
    }
#nav
    {
    width:750px;
    clear:both;
    float:left;
    height:25px;
    /*background:#fff url(../images/nav_bg.png) left no-repeat;*/
    }
    
#nav ul
    {
    float:left;
    margin:0;
    padding:0;
    }
#nav ul li
    {
    text-align:center;
    float:left;    
    }
    
#nav ul a:link,
#nav ul a:hover,
#nav ul a:visited,
#nav ul a:active
    {
    width:90px;
    padding:0;
    margin:0;
    color:#ccc;
    font-size:12px;
    float:left;
    height:20px !important;
    line-height:20px !important;
    line-height:21px;
    text-decoration: none;

    }
    
#nav ul a:hover
    {
    color:#eee;
    background-color:#555;
    }
a.page_on
    {
    background-color:#f1d100 !important;
    background-image:none !important;
    color:#4d690a !important;
    }
    
#bttl
	{
	position:absolute;
	}
	
a,img {
	border: none; 
	margin:0;
	padding:0;
	}
img.block_img
    {
    display:block;
    }
img.arrows
    {
    margin-right:4px;
    }
    
img#auth_img
    {
    display:inline;
    }	
a {
	text-decoration: none;
	}
p
    {
    color:#555;
    }
ul {
    list-style:none;
    margin:0;
    padding:0;
    }	

h1 {
	font-size:1.25em;
	color: #fff;
	padding:6px 0;
	background-color:#666;
	width:8em;
	text-align:center;
	border-right:1px solid #fff;
	}
h3.large_header
    {
    background-color:#aaa;
    color:#fefefe !important;
    padding:0;
    height:30px;
    line-height:30px;
    }
.blue_header
    {
    background-color:#09c;
    }
h1.warning_header
    {
    background-color:#f60;
    }
h1.width_header
    {
    width:15em;
    }
.green_header
    {
	background-color:#9c3;
    }
.black_header
    {
	background-color:#000;    
    }
div.page_header
    {
    background-color:#bbb;
    }
    
h2 {
	font-size:1.2em;
	
	}

h3 {
	font-size:1.1em;
	}

h4, h5 {
	font-size:1.1em;
	}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	}
h5
    {
    background-color:#e5fb85;
    border:1px solid #adcf17;
    padding:2px 4px;
    }
	
/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/
h3
    {
    background-color:#e1f97b;
    color:#4d690a;
    margin:0;
    padding:3px 0 3px 5px;
    font-size:1.1em;
    clear:both;
    }

    
p, address {
	margin:0;
	padding:0;
	}

.clearBoth {
	clear: both;
	}

hr {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, 
.messageStackError, 
.messageStackSuccess, 
.messageStackCaution {
	line-height:12px;
	padding: 2px 0;
	margin-bottom:5px;
	}

.messageStackWarning, 
.messageStackError {
	background-color: #f60;
	color: #fff;
	
	}
.messageStackError img
    {
    vertical-align:middle;
    line-height:12px;
    }
.messageStackSuccess {
	background-color: #9c3;
	color: #fff;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000;
	}


#headerWrapper, 
#logoWrapper, 
#cartBoxListWrapper, 
#ezPageBoxList, 
#cartBoxListWrapper ul,
#ezPageBoxList ul, 
#popupAdditionalImage, 
#popupImage,
#nav
    {
	margin:0;
	padding:0;
	}

    
.no_border
    {
    border:none !important;
    }
.border_left_no
    {
    border-left:none !important;
    }
.border_right_no
    {
    border-right:none !important;
    }
#breadcrumb
    {
    clear:both;
    margin:0 0 0 10px;
    padding:10px 0;
    color:#777;
    background-color:#fff;
    }

#breadcrumb a,
#breadcrumb a:hover,
#breadcrumb a:active
    {
    font-weight:bold;
    }

#categorieslistHeading
	{
	height:46px;
	line-height:46px;
	}

/* index_cate_list*/
ul#index_cate_list
    {
    background-color:#efefef;
    margin:0;
    padding:0;
    border-bottom:1px solid #d2d2d2;
    }
ul#index_cate_list li
    {
    display:block;
    margin:0;
    padding:0;
    }    
ul#index_cate_list a,
ul#index_cate_list a:hover
    {
    display:block;
    color:#004477;
    font-weight:bold;
    padding:6px 0 5px 10px;
    height:1%;
    }
ul#index_cate_list a:hover
    {
    background-color:#004477;
    text-decoration:none;
    color:#fff;
    }
ul#index_cate_list span
    {
    display:block;
    color:#999;
    padding:7px 0 7px 10px;
    height:1%;
    }
a.cate_on
    {
    background-color:#004477 !important;
    color:#fff !important;
    }
.alert {
	color: #f93;
	margin-right: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}


.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 0;
	
	}

.centerColumn
    {
    width:97%;
    margin:0;
    margin-top:10px;
    background-color:#fff;
    }
#bannerTwo,
#bannerThree
    {
    margin-bottom:20px;
    }
.page_header_img
    {
    clear:both;
    }
fieldset.h_fieldset h2
    {
    background:#cccc00;
    padding:3px 0 3px 5px;
    font-size:1.1em;
    color:#fff;
    margin-bottom:15px;
    }

h3.leftBoxHeading,
h3.leftBoxHeading a,
h3.rightBoxHeading,
h3.rightBoxHeading a {
	font-size: 1em;
	color: #eee;
	text-align:center;
	}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0;
	/*background:#fefefe url(../images/right_h3_bg.jpg) top left repeat-x;*/
	background-color:#515151;
	padding:0;
	height:30px;
	line-height:30px;
	
	}

.leftBoxContainer,
.rightBoxContainer {
	margin:0 0 25px 0;
	/*background-color:#e1f97b;*/
	
	}
#contactinfo2,
#bannerbox,
#live,
#bannerbox5
    {
    border:none;
    padding:0;
    }
.leftBoxContainer
    {

    }

#bannerbox2,
#bannerboxall,
#bannerbox3,
#bannerbox4
    {
    border:none;
    padding:0;
    background-color:transparent;
    margin-bottom:12px !important;
    }

.sideBoxContent {
	padding:0;
	margin:0;
	width:175px;
	background-color:#f1f1f1;
	}
.rightBoxContainer h6,
.leftBoxContainer h6
    {
    font-size:12px;
    font-weight:normal;
    color:#999900;
    padding:2px 0;
    width:80%;
    margin:0 auto;
    border-bottom:1px solid #ccc;
    }
h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #FFFF33;
	} 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #fff;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}


#bannerboxHeading {
	background-color: #0000CC;
}



/*misc*/
.back {
	float: left;
	}

.forward {
	float: right;
	}
.back_a
    {
    float:left;
    padding-left:10px;
    }
.forward_a
    {
    float:right;
    margin-right:10px;
    }
.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	
	}

CAPTION {
	/*display: none;*/
	}


/* gen class */	
	
.float_left {
	float:left;
	}
.float_right {
	float:right;
	}
	
.hidden
	{
	display:none;
	}
.vhidden
    {
    visibility:hidden;
    }
/* GENERNAL P CLASS */
.main
    {
    margin:5px auto;
    padding:2px 0;
    width:96%;
    }
.main_a
    {
    margin:0 auto;
    padding:2px 0;
    width:80%;
    }
.note
    {
    color:#f60 !important;
    font-weight:bold;
    }
.note_1
    {
    color:red;
    font-weight:bold;
    }
.ok_msg,
.alert_msg
	{
	padding:2px 4px;
	background-color:#9c3;
	color:#fff;
	}
.alert_msg
	{
	background-color:#f60 !important;
	}
.red_msg
    {
    color:#ff0000 !important;
    }
.note_msg,
.jump_to_page
    {
    color:#f60;
    }
.blue_msg
	{
	color:#09c !important;
	}
.green_msg
	{
	color:#50C067;
	}
	
.gold_msg
	{
	color:#B89259;
	}
.green_background
	{
	background-color:#e5f5b9;
	}
.important_msg
    {
    color:#f60;
    padding:1px 0;
    font-weight:bold;
    font-size:14px;    
    margin:10px 0;
    } 
.link_content
    {
    cursor:pointer;
    }
.link_arrow
    {
    cursor:pointer;
    float:right;

    }

.important_box
    {
    background-color:#f60;
    color:#fff;
    font-weight:bold;
    padding:6px 5px;
    margin:10px 0;
    }
     
#loginboxContent,
#contactinfoContent,
#orderhistoryContent,
#articlehotContent
    {
    padding:10px 0;
    margin:0 auto;
    } 
    
ul#login_box_list
    {
    margin:0;
    clear:both;
    }
ul#login_box_list li
    {
    clear:both;
    margin:0;
    padding:2px 0;
    }
ul#login_box_list label
    {
    width:45px;
    text-align:right;
    float:left;
    margin-right:4px;
    color:#666;
    }
   
.login_default_result
    {
    position:relative !important;
    }
.login_link
    {
    clear:both;
    margin:0;
    padding:0 0 0 52px;
    }   

.login_box_submit
    {
    float:right;
    clear:both;
    
    padding:10px 8px 0 0;
    }

   
ul.gen_list,ul.left_list,#contactinfoContent ul
    {
    padding:0;
    margin:0 auto 10px auto;
    width:92%;
    }
ul.gen_list li,ul.left_list li
    {
    padding:3px 0;
    clear:both;
    }

#contactinfoContent *
    {
    text-align:center !important;
    }
ul.std_list
    {
    list-style:none;
    padding:5px 0;
    margin:0 auto;
    width:90%;
    
    }
ul.std_list li
    {
    list-style:none;
    clear:both;
    padding:2px 0;
    }
ul.std_list span
    {
    width:130px;
    text-align:right;
    float:left;
    margin-right:10px;
    font-weight:bold;
    color:#404040;
    }
#status_box,
#status_box_home
    {
    padding:0;
    clear:both;
    margin:0;
    width:100%;
    border:none;
    }
#status_box_home
    {
    border-top:1px solid #ccc !important;
    }
#open_iframe
    {
    clear:both;
    background:#c3e76b;
    color:#fff;
    padding:4px 0;
    }
#open_iframe span
    {
    padding-left:10px;
    color:#4d690a;
    }
.infobox
    {
    border:1px dashed #f60;
    background-color:#ffdd97;
    }
    
.infobox_a
	{
	border:1px dashed #f3c;
	width:70%;
	margin:0 0 0 20px;
	padding:3px;
	color:#333;
	}
    
.infobox_important,
.infobox_important_a,
.infobox_important_b
    {
    border:1px solid #f60;
    margin:8px auto;
    padding:5px;
    width:98%;
    clear:both;
    background-color:#ffffcc;
    }

.infobox_important_a
    {
    background:#f8f8f8;
    border:1px solid #aaa;
    border-top:2px solid #666;
    }
.infobox_important_b
    {
    background-color:#e5fb85;
    border:1px solid #adcf17;
    }
    
.infobox_important ul,
.infobox_important_b ul,
.infobox_important_a ul
    {
    width:90%;
    margin:5px auto;
    list-style:outside square !important;
    padding:0 0 0 20px;
    }
.infobox_important_a ul li,
.infobox_important_b ul li,
.infobox_important ul li
    {
    padding:3px 0;
    color:#222;
    }
    
.infobox_important_a p,
.infobox_important_b p,
.infobox_important p
    {
    margin:5px 0;
    padding:3px 5px !important;
    color:#444;
    }

ul.no_style
    {
    list-style:none !important;
    }
ul.normal_list
    {
    width:90%;
    margin:5px auto;
    list-style:outside square !important;
    padding:0 0 0 20px;
    }
ul.normal_list li
    {
    padding:3px 0;
    color:#555;
    }
.inline
    {
    display:inline !important;
    }
.block
    {
    display:block !important;
    }
    
#id_loading,
#check_id
    {
    margin:5px 0 0 120px;
    width:16px;
    height:16px;
    }
#check_id
    {
    margin:0 0 0 5px;
    }
    
.fadeimg {
    visibility: visible; 
    opacity: 0.99999;
    }
    
.center
    {
    width:100%;
    text-align:center;
    }
.center_box
    {
    width:90%;
    margin:0 auto;
    }

    
#navSupp ul
    {
    float:right;
    }
#navSupp ul li
    {
    float:left;
    text-align:center;
    }
#navSupp ul li a
    {
    height:1%;
    padding:0 5px;
    float:left;
    border-left:1px solid #666;
    }
    
    
table.normal_table
    {
    margin:10px auto;
    border:1px solid #aaa;
    border-collapse:collapse;
    text-align:center;
    width:97%;
    }
table.normal_table th
    {
    background-color:#666;
    color:#fff;
    padding:5px 0;
    }
table.normal_table td
    {
    border:1px solid #ccc;
    padding:4px 0;
    }
    
img.gen_img
    {
    border:0;
    vertical-align:middle;
    }
#live
	{
	display:none;
	}
	
.large_msg
	{
	color:#ff0000 !important;
	font-size:14px;
	font-weight:bold;
	padding:10px !important;
	}
	
div#myorders_box
    {
    width:90% !important;
    width:92%;
    margin:10px auto 0 auto;
    }
#myorders_table
    {
    border-collapse:collapse;
    border:1px solid #bbb;
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
    background-color:#fefefe;
    }

#myorders_table thead
    {
    background-color:#aaa;
    color:#fff;
    
    text-align:center;
    }
#myorders_table th
    {
    padding:8px 0;
    border-bottom:1px solid #ccc;
    }
#myorders_table td
    {
    padding:8px 0;
    border:1px solid #eee;
    border-bottom:1px solid #ccc;
    
    }