/* CSS Document */

/*
 *
 *------------------------------------------------------
 * FILENAME: 		account.css
 * COPYRIGHT: 		orderin ltd.
 *------------------------------------------------------
 * POWERED BY ecommerce2u.com
 *------------------------------------------------------
 *
 *
*/
 
 @import url(orderin_general.css);
 @import url(round_table.css);

/*******************************************
 ORDERIN ALL ACCOUNT PAGE DEFINE
*******************************************/
#accountBody {
	position:relative;
}
#bgTab {
	height: 57px;
	background: #EFD4A9 url(../images/tabs_corners/bg_account_tab.gif) repeat-x;
	padding-top: 0px;
	position:relative;
}
#sandwithCorner{
	top: 0px;
	float:right;
}
#accountBody{
	background-color: #FFC999;	
}
.leftTD{
	text-align: right;
	font-size:11px;
	font-weight:bold;
	color: #6F3321;
}
.rightTD{
	text-align: left;
	font-size:11px;
	color: #763000;
}
.leftTDcenter{
	text-align: center;
	font-size:11px;
	color: #763000;
}

.leftTDcenter a{
	text-align: center;
	font-size:11px;
	color: #763000;
	
}

/***********************************************
	TAB DEFINE
***********************************************/

#globalnav {
  float:left;
  font-size:93%;
  line-height:normal;

  }
#globalnav ul {
  margin:0;
  padding:10px 10px 0 2px;
  list-style:none;
  z-index:10;
  }
#globalnav li {
  display:inline;
  margin:0;
  padding:0;
  font-size:14px;
  font-weight:bold;
  }
  #globalnav li img {
  display:inline;
  margin:0;
  padding:0;
  }
#globalnav a {
  float:left;
  background: url(../images/tabs_corners/tableft.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  text-decoration:none;
  }
#globalnav a span {
  float:left;
  display:block;
  background: url(../images/tabs_corners/tabright.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFFFFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#globalnav a span {float:none;}
/* End IE5-Mac hack */
#globalnav a:hover span {
  color:#C64711;
  }
#globalnav a:hover {
  background-position:0% -35px;
  }
#globalnav a:hover span {
  background-position:100% -35px;
  }

  #globalnav #current a {
		  background-position:0% -35px;
		
  }
  #globalnav #current a span {
		  background-position:100% -35px;
		  color:#C64711;
  }
  #globalnav a span label {
		 color:#904626; background:url(../images/tabs_corners/account_tab_icon.gif) no-repeat left; 
		 padding-left: 17px;
  }
  #globalnav  #current a span label {
		 color:#904626; background:url(../images/tabs_corners/account_tab_icon.gif) no-repeat left; 
		 padding-left: 17px;
  }
  
/*******************************************************
	TEXT DEFINE
*******************************************************/
.text14Red{
	font-size: 14px; 
	font-weight:bold; 
	color:#C64711; 
	line-height:25px;  
}
.text18Red {
	height:30px;
	font-size:18px; 
	font-weight:bold; 
	padding-top:5px; 
	color:#C64711;
}
  
.text18Red_account {
	height:20px;
	font-size:18px; 
	font-weight:bold; 
	padding-top:5px; 
	padding-left:5px;
	color:#C64711;
}
  



/*******************************************************
	the popup edit window
*******************************************************/
#edit_popup{
	position:absolute; 
	top:10px; 
	width:430px; 
	height:420px;
	display:block;
	z-index:100;
}

#pass_popup{
	position:absolute; 
	top:10px; 
	width:430px; 
	height:300px;
	display:block;
	z-index:100;
}


#edit_popup_c{
	position:absolute; 
	top:10px; 
	width:430px; 
	height:420px;
	display:block;
	z-index:100;
}

#joinUsPopUpFormHeader {
	background: url(../images/join_us/pop_client_sign_up_top.gif) no-repeat;
	height:60px!important;
	height:50px;
	width:419px;
	/*padding-left:64px;*/
	color:#AA5E39;
	font-size:22px;
	padding-top:0px;
}

#joinUsPopUpFormBody {
	background: url(../images/join_us/pop_client_sign_up_body.gif) repeat-y;

}
#joinUsPopUpFormFooter {
	background: url(../images/join_us/pop_client_sign_up_bottom.gif) no-repeat;
	height: 20px;
}

/*******************************************************
	ORDERIN IMAGE LINK
*******************************************************/
#OrderinLink {
	width: 200px; height:84px; 
	position:absolute; 
	bottom: 12px!important;
	bottom: 62px; 
	right:12px!important; 
	right:22px; 
	cursor:pointer; 
	display:block;
	border:solid red 0px;
}

/************************************* jason ******************/
#header {
	height: 156px;
	background: #EED2A6 url(../images/step_1/header_top.gif) no-repeat left top;
	width:800px;
}
#headerBG{
	height: 156px;
	background: url(../images/bg_header_right.jpg) no-repeat right;
	position:relative;	
}
#logo{
	position: relative; 
	left:5px;
	top:10px;
	float:left;
}

#header_login {
position: relative;
width:560px;
height:68px;
right:10px;
color:#953209;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
top:10px;
float:left;
text-decoration:none;
}

#header_login input {
border:1px;
border-style:solid;
border-color:#CC0000;
width:80px;
height:15px;
vertical-align:middle;
font-size:11px;
padding-left: 3px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#header_login table {
}

#header_login td {
height:25px;
text-decoration:none;
}

#header_right_1 {
background:url(../images/step_1/header_right_1.gif) no-repeat top right;
width:288px;
height:88px;
top:0px;
float:left;
position:relative;
}

#header_right_2 {
	background: url(../images/step_1/header_right_2.jpg) no-repeat top;
	width:298px;
	height:88px;
	position:relative;
	top:0px;
	float:left;
}

a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #953209;
}

#order_search {
position:relative;
width:229px;
height:100px;
left:20px;
top:2px;
}

#order_search_top_1 {
background:url(../images/step_1/order_search_top.gif) no-repeat;
width:229px;
height:34px;
}

#order_search_top_4 {
background:url(../images/step_4/order_search_top.gif) no-repeat;
width:229px;
height:34px;
}

#order_search_bottom {
background:url(../images/step_1/order_search_bottom.gif) no-repeat;
width:229px;
height:6px;
}

#order_search_content {
background: url(../images/step_1/piexl_order_search.gif) repeat-y;
padding-left:10px;
width:219px;
height:30px;
}

#order_search_content input {
width:100px;
height:15px;
}

#rightColumn_1 {
width:22px;
height:500px;
position:relative;
float:left;
}

#order_here {
width:507px;
background:url(../images/step_1/piexl_order_here_bg.gif) repeat-x;
height:110px;
position:relative;
left:22px;
}

#home_order_top {
background:url(../images/step_1/home_order_top.gif) no-repeat right;
width:507px;
height:21px;
}

#home_order_content {
height:80px;
width:507px;
background:url(../images/step_1/home_order_right.gif) no-repeat right top;
}

#home_order_right {
background:url(../images/step_1/home_order_right.gif) no-repeat right;
width:71px;
height:84px;
float:right;
}

#home_order_bottom {
background:url(../images/step_1/home_order_bottom.gif) no-repeat ;
width:507px;
height:15px;
}

#home_info {
position:relative;
left:40px;
top:0px;
}

#info_left {
background:url(../images/step_1/home_info_left.gif) no-repeat;
width:9px;
height:26px;
position:relative;
float:left;
}

#info_content {
height:26px;
background:url(../images/step_1/piexl_home_info.gif) repeat-x;
width:350px;
position:relative;
float:left;
}

#info_right {
background:url(../images/step_1/home_info_right.gif) no-repeat;
width:9px;
height:26px;
position:relative;
float:left;
}

#order_here_ok {
width:500px;
height:60px;
position:relative;
top:-20px;
left:10px;
vertical-align:bottom;
}

#order_here_ok input {
border:1px;
border-style:solid;
border-color:#620e04;
width:80px;
height:18px;
vertical-align:middle;
padding-left:3px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#btlang {
position: absolute;
width:200px;
height:30px;
left:320px;
top:80px;
z-index:10;
}

#right_cover {
background:url(../images/step_1/rgt_page.gif) no-repeat;
width:13px;
height:106px;
position:absolute;
left:807px;
top:36px;
z-index:10;
}

#myorder_title{
position: absolute;
top:15px;
left:23px;
background:url(../images/step_1/my_orders_button.gif) no-repeat;
width:154px;
height:34px;
z-index:100;
}

#myfav_title{
position: absolute;
top:15px;
left:23px;
background: url(../images/step_1/fav_text.gif) no-repeat;
width:265px;
height:32px;
z-index:100;
}

#myprofile_title{
position: absolute;
top:15px;
left:23px;
background: url(../images/step_1/profile_text.gif) no-repeat;
width:265px;
height:32px;
z-index:100;
}


#myorder{
background:url(../images/tabs_corners/pixel_myorder.gif) repeat-y;
width:771px;
height:auto;
position:relative;
left:15px;
}

#myorder_top{
background:#ffb270 url(../images/tabs_corners/myorder_top.gif) no-repeat top;
width:751px;
height:35px;
color:#c74813;
padding-left:20px;
text-align:left;
line-height:40px;
vertical-align:middle;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

#myorder_bottom{
background:url(../images/tabs_corners/myorder_bottomr.gif) no-repeat;
width:771px;
height:16px;
clear:both;
}

#view_order{
color:#c74813;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
position:relative;
left:20px;
top:5px;
height:50px;
width:300px;
}

#order_go{
background: url(../images/step_1/pixel_order_go.gif) repeat-x;
height:113px;
width:223px;
margin:0 auto;
position:relative;
}

#order_go input {
border:1px;
border-style:solid;
border-color:#620e04;
width:80px;
height:18px;
vertical-align:middle;
padding-left:3px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#order_go_top{
background:url(../images/step_1/order_go_top.gif) no-repeat top;
width:223px;
height:20px;
}

#order_go_bottom{
background:url(../images/step_1/order_go_bottom.gif) no-repeat bottom;
width:223px;
height:93px;
position:relative;
}


.order_go_text{
color:#f2e6d0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

.order_go_text1{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#order_go_online{
background:url(../images/step_1/piexl_home_info.gif) repeat-x;
height:26px;
width:210px;
position:absolute;
left:7px;
top:60px;
line-height:23px;
vertical-align:middle;
}

#order_go_online_left{
float:left;
background: url(../images/step_1/home_info_left.gif) no-repeat left;
width:9px;
height:26px;
}

#order_go_online_right{
background:url(../images/step_1/home_info_right.gif) no-repeat right;
width:9px;
height:26px;
float:right;
}

#account_info{
width:348px;
background:url(../images/tabs_corners/pixel_account.gif) repeat-y right;
margin:0px 5px 13px 7px;
float:left;
}

#drop_info_top{
background: url(../images/tabs_corners/account_info_top1.gif) no-repeat top;
width:348px;
height:5px;
padding-left:2px;
}


#drop_info{
width:348px;
background:url(../images/tabs_corners/pixel_account.gif) repeat-y right;
margin:0px 5px 5px 15px;
float:left;
height:200px;
top:20px;
position:relative;
}


#account_info_top{
background:url(../images/tabs_corners/account_info_top.gif) no-repeat;
width:348px;
height:21px;
cursor:pointer;
}

#account_info_bottom{
background:url(../images/tabs_corners/account_info_bottom.gif) no-repeat right bottom;
width:348px;
height:5px;
}

#where_myhome {
width:193px;
height:60px;
position: absolute;
top:50px;
left:385px;
}

#where_myhome_top {
background:url(../images/step_1/where_myhome_top.jpg) no-repeat;
width:193px;
height:51px;
line-height:50px;
vertical-align:bottom;
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#992500;
text-align:center;
}

#where_myhome_middle {
background:url(../images/step_1/pixel_where_myhome.gif) repeat-y right;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#f8c78f;
width:165px;
height:60px;
padding-left:26px;
padding-right:2px;
}

#where_myhome_bottom {
background:url(../images/step_1/where_myhome_bottom.gif) no-repeat right top;
width:193px;
height:9px;
}

#where_work {
width:189px;
height:60px;
position: absolute;
top:50px;
left:580px
}

#where_work_top {
background:url(../images/step_1/where_work_top.jpg) no-repeat;
width:189px;
height:51px;
line-height:50px;
vertical-align:bottom;
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#992500;
text-align:center;
}

#where_work_middle {
background:url(../images/step_1/pixel_where_work.gif) repeat-y right;
width:165px;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#f8c78f;
height:60px;
padding-left:22px;
padding-right:2px;
}

#where_work_bottom {
background:url(../images/step_1/where_myhome_bottom.gif) no-repeat right top;
width:189px;
height:9px;
}

.addr_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fbcc94;
}

.addr_text_l{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffc89f;
font-weight:bold;
text-align:right;
padding:3px;
}

.addr_text_r{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#420000;
padding:3px;
}

#point{
background:url(../images/tabs_corners/pixel_point.gif) repeat-y;
width:166px;
height:113px;
float:left;
position:relative;
}

#point_top{
background:url(../images/tabs_corners/point_top.gif) no-repeat;
height:30px;
width:166px;
text-align:center;
line-height:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
vertical-align:middle;
color:#fec791;
position:relative;
}

#point_bottom{
background:url(../images/tabs_corners/point_bottom.gif) no-repeat bottom;
width:166px;
height:83px;
position:relative;
}

#order_go_account{
background: url(../images/step_1/pixel_order_go.gif) repeat-x;
height:113px;
width:223px;
float:left;
position:relative;
left:10px;
}

#show_point{
background:url(../images/tabs_corners/pixel_show_point.gif) repeat-y;
width:149px;
height:70px;
margin:0 auto;
}

#show_point_top{
background:url(../images/tabs_corners/show_point_top.gif) no-repeat;
width:149px;
height:10px;
}

#show_point_bottom{
background:url(../images/tabs_corners/show_point_bottom.gif) no-repeat bottom;
width:149px;
height:60px;
line-height:50px;
vertical-align:middle;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#fec791;
}

#footerContainer a:link{
text-align:right; 
line-height:10px; 
vertical-align:middle; 
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#footerContainer a:hover{
text-align:right; 
line-height:10px; 
vertical-align:middle; 
font-size:10px;
color:#FFFFFF;
text-decoration: underline;
}

#footerContainer a:visited{
text-align:right; 
line-height:10px; 
vertical-align:middle; 
font-size:10px;
color:#FFFFFF;
text-decoration: none;
}

#point_show {
background:url(../images/step_1/pixel_point.gif) repeat-x;
width:auto;
height:40px;
position:relative;
text-align:center;
}

#point_show_left {
background:url(../images/step_1/point_show_left.gif) no-repeat;
height:40px;
width:4px;
float: left;
}

#point_show_middle {
line-height:20px;
vertical-align:middle;
}

#point_show_right {
background:url(../images/step_1/point_show_right.gif) no-repeat;
width:4px;
height:40px;
float:right;
}