@charset "UTF-8";
/* CSS Document */



/* ============= common css ==============*/

BODY {
	background-color: #c9c9c9;
	color: #555555;
	margin: 0px;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background-position:top;
	background-repeat:repeat-x;
	background-image:url(/images/2009/main/main_bg.gif);
	overflow:scroll;
}

a{
	text-decoration:none;
	color: #000000;
}

a:hover{
	color:#8DC63F;
}

div.clearer {clear: both; line-height: 0; height: 0;}

#copyright_div{
	width:390px;
	color:#aaaaaa;
	float:right;
	text-align:right;
	line-height:12px;
	margin-top:2px;
}

#copyright_div_trademark{
	width:390px;
	color:#333333;
	float:right;
	text-align:right;
	margin-top:15px;
}

p{
	margin-top:5px;
	margin-bottom:5px;
}

ul{
	margin:0px;
	padding-left:15px;
}

h1{
	font-size:22px;
	font-weight:normal;
	margin:0px;
	padding:5px 0px 10px 0px;
}

h2{
	font-size:16px;
	font-weight:lighter;
	margin:0px;
	padding:4px 0px 8px 0px;
}


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

ul.green_button li{
	float:left;
	display:inline;
	padding:10px 0px 10px 10px ;
}

ul.green_button li a{
	display:block;
	background-color:#8DC73F;
	padding:2px 10px 2px 10px;
	color:#FFFFFF
}


ul.green_button li a:hover{
	background-color:#555555;
	color:#8DC73F;
}

.content_block{
	font-size:12px;
	margin:5px 0px 35px 0px;
	
}

.content_block .content_title{
	font-size:16px;
	padding-bottom:5px;
}

.content_block .content_title a{
	color:#8DC73F;
}

.content_block .remark{
	font-size:10px;
	color:#FFFFFF;
}

.content_block .content_detail{
	padding:10px 0px 0px 0px;
}

.content_left{
	width:480px;
	float:left;
}

.content_right{
	width:480px;
	float:right;
}

/* ============= header css =================*/

#header_div{
	width:1000px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
}

#header_logo_div{
	width:992px;
	padding-left:8px;
	height:80px;
	background-image:url(/images/2009/main/top_logo_bg.gif);
}

#header_navigation_div{
	width:1000px;
	height:30px;
	background-color:#292D30;
}

#header_main_nav{
	width:700px;
	height:29px;
	float:left;
}

#header_main_nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#header_main_nav li{
	padding:5px 20px 0 20px;
	float:left;
	
}

#header_main_nav li a{
color:white;
font-size:12pt;
}

#header_right_nav{
	width:300px;
	height:29px;
	float:right;
}


.page_heading{
	display:none;
}

#country_flag{
	position:absolute;
	top:60px;
	left:880px;
	color:#ffffff;
}

#country_flag A{
	color:#ffffff;
}


#brand_name_div ul{
	list-style:none;
}

#brand_name_div li{
	padding-bottom:10px;
	font-size:12pt;
	font-weight:bold;
}

/*============== main css==================*/

#main_div{
	width:1000px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/2009/main/product_index_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

.main_index{
	padding-top:15px;
}

.main_wide{
	width:1000px;
}

.main_wide_content{
	padding:20px;
	width:960px;
	min-height:400px;
}

/*============== main left css==============*/
#main_left{
	width:180px;
	height:500px;
	float:left;
	display:inline-block;
}

#main_right{
	width:820px;
	float:right;
	display:inline-block;

}


/*============== footer css==============*/
#footer{
	width:920px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	background-color:#4D4D4B;
	padding:10px 40px 10px 40px;
}

#footer ul{
	margin:0px;
	padding:0px;
}

#footer ul li{
	display:inline-block;
	float:left;
	list-style:none;
	padding:2px 10px 2px 10px;
}

#footer ul li a{
	color:#ffffff;
}

/*========== product list css============*/
.divBox{
	width:800px;
	padding-top:10px;
}

.divBox .subItem{
	float:left;
	display:inline-block;
	width:250px;
	height:240px;

}

.divBox .subItem .price{
	font-size:16px;
	color:#555555;
	float:right;
	margin-right:10px;
}

.divBox .subItem .org_price{
	font-size:10px;
	color:#999999;
	text-align:right;
	text-decoration:line-through;
}

.divBox .subItem .prd_image{
	padding-bottom:10px;
}

.divBox .subItem .more_info{
	float:left;
}
/*========== product paging css =========*/
#page_div{
	width:780px;
	height:20px;
	display:none;
	
}

#page_div ul{
	margin: 0;
	padding: 0;
}

#page_div li{
	list-style:none;
	margin:0px;
	padding:0px;
	height:20px;
	width:20px;
	overflow:hidden;
	float:left; display:inline;
	background-color:#898989;
	color:dddddd;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
}

#page_div li.current{
	font-weight:bold;
	color:#ffffff;	
	background-color:#444444;
}

#page_div li a{
	height:20px;
	width:20px;
	display:block;
	color:#ffffff;
	background-color:#898989;
}

#page_div li a:hover{
	background-color:#8dc63f;
}


/*========== home page css=====*/
#home_product_div{
	position:absolute;
	width:180px;
	height:400px;
}


/*=========== login css=========*/
#login_body{
	background-image:url(/images/2009/main/login_bg.jpg);
	padding:10px 10px 10px 500px;
	height:380px;
	width:490px;
}

#login_body{
	background-image:url(/images/2009/main/login_bg.jpg);
	padding:10px 10px 10px 500px;
	height:380px;
	width:490px;
}

#create_account_body{
	background-image:url(/images/2009/main/create_account_bg.jpg);
	padding:10px 10px 10px 500px;
	width:490px;
}

#address_book_body{
	background-image:url(/images/2009/main/login_bg.jpg);
	padding:10px 10px 10px 500px;
	width:490px;
}

#login_div{
	position:relative;
	z-index:50;
}

#homepage_hotitems{
	background-color:#333333;
}

#homepage_hotitems ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#homepage_hotitems ul li{
	float:left;
	padding:8px 6px 5px 0px;
}

#homepage_banner{
	width:1000px;
	height:480px;
	overflow:hidden;
	position:relative;
}

#homepage_banner .banner{
	position:absolute;
	top:0;
	left:0;
	opacity:0.0;
	-webkit-transition-property:opacity;
	-webkit-transition-timing-function:linear;
	-webkit-transition-duration:1s;
}

#homepage_banner .show{
	z-index:1000;
	opacity:1.0;
}



/*=============== review =================*/
#review_product_image{
	float:right;
}

#review_form{
	padding-bottom:10px;
}

#review_form dt{
	font-weight:bold;
}

#review_form dd{
	margin:0px;
	
}

.iphone_only{
display:none;
}

.iphone4-news{
	color:#eeeeee;
}

.iphone4-news a{
	color:#eeeeee;
}