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

	CUSTOMER ACCOUNT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.AccountPage { }
.AccountPage .accountLeft { float: left; width: 200px; min-height: 500px; border: solid 1px #ddd; }
.AccountPage .accountLeft h1 { font-weight: normal; text-indent: 5px; font-size: 13px; height: 32px; line-height: 32px; background: url(images/header/bg_menu.gif) repeat-x scroll 0 0 transparent; color: White; font-weight: bold; border: solid 1px #ddd; }
.AccountPage .accountLeft h2 { height: 32px; line-height: 32px; padding-left: 10px; }
.AccountPage .accountLeft h2.last { border-bottom: solid 1px #ddd; }
.AccountPage .accountLeft h2 a { color: #555; font-size: 12px; background-repeat: no-repeat; padding: 2px 0 3px 19px; font-weight: normal; }
.AccountPage .accountLeft h2 a:hover, .AccountPage .accountLeft h2 a:active { text-decoration: underline; }
.AccountPage .accountRight { float: right; width: 720px; }
.AccountPage .accountRight h3 { margin: 0 0 10px; padding: 0px; font-size: 12px; color: #FF770D; padding-bottom: 10px; }
.AccountPage .accountRight .imessage img { vertical-align: middle; margin-right: 5px; }
.AccountPage .title { padding: 5px 10px 5px 0px; font-weight: bold; }
.AccountPage .body { margin: 0; padding: 0; font-size: 11px; color: #555; }
.AccountPage .accountRight .OrderProgress { margin-top: 20px; }
.AccountPage .accountRight .shoppingcart { width: 100%; }
.AccountPage .accountRight .writeProductReviewBox { margin: 0; }
.AccountPage .accountRight .writeProductReviewBox .colorlink { color: #FD770D; margin: 10px 0; display: block; }
.AccountPage .accountLeft #lnkProfile { background-image: url(images/usercenter/group.png); }
.AccountPage .accountLeft #lnkOrders { background-image: url(images/usercenter/order.png); }
.AccountPage .accountLeft #lnkWishlist { background-image: url(images/ico-wishlist.png); }
.AccountPage .accountLeft #lnkAddress { background-image: url(images/usercenter/address.png); }
.AccountPage .accountLeft #lnkPassword { background-image: url(images/usercenter/password.png); }
.AccountPage .accountLeft #lnkSettings { background-image: url(images/usercenter/settings.png); }
.AccountPage .accountLeft #lnkInquiry { background-image: url(images/usercenter/consulting.png); }
.AccountPage .accountLeft #lnkCart { background-image: url(images/ico-cart.png); }
.AccountPage .accountLeft #lnkhome { background-image: url(images/home.png); }
.AccountPage .accountLeft #lnkCommunity { background-image: url(images/delicious.png); }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CUSTOMER INFO

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

.CustomerInfoBox { margin: 0; padding: 0px; color: #555; }

.CustomerInfoBox .SectionTitle { padding: 10px 10px 5px 0px; font-weight: bold; clear: both; font-size: 12px; }

.CustomerInfoBox .Button { margin: 5px 0px; padding: 10px 0px; }

.CustomerAddresses { margin: 0; padding: 5px 0; color: #555; background-color: inherit; }

.CustomerAddresses .SectionTitle { padding: 10px 10px 10px 0px; font-weight: bold; font-size: 12px; color: #FD770D; }

.CustomerAddresses .AdressList { }

.CustomerAddresses .AdressList .AddressItem { margin-bottom: 10px; padding: 10px; border: 1px solid #ddd; }

.CustomerAddresses .AdressList .AddressItem #colname { color: #FD770D; font-weight: bold; height: 26px; line-height: 26px; }
.CustomerAddresses .AdressList .AddressItem #coledit a { padding: 5px; border: solid 1px #fff; }
.CustomerAddresses .AdressList .AddressItem #coledit a img { vertical-align: middle; }
.CustomerAddresses .AdressList .AddressItem #coledit a:hover { border: solid 1px #FD770D; }
.CustomerAddresses .AdressList .AddressItem #colcon p { margin: 0px; padding: 0px; }

.CustomerAddresses .AddButton { margin-bottom: 5px; margin-top: 5px; float: right; text-align: right; }

.CustomerOrders { margin: 10px 0; color: #555; }

.CustomerOrders .OrderList h3 { border: none; }
.CustomerOrders .OrderList .OrderItem { margin-bottom: 10px; }
.CustomerOrders .OrderList .OrderItem table { border: solid 1px #B8D1D5; }
.CustomerOrders .OrderList .OrderItem th { line-height: 36px; height: 28px; background-image: url(images/bg02.jpg); background-repeat: repeat-x; background-position: bottom left; }
.CustomerOrders .OrderList .OrderItem th img { padding-right: 5px; vertical-align: middle; margin-bottom: 3px; }
.CustomerOrders .OrderList .OrderItem td, .CustomerOrders .OrderList .OrderItem th { padding-left: 5px; }
#colTitle { width: 320px; }
.CustomerOrders .OrderList .OrderItem td { border-bottom: solid 1px #ddd; }
.CustomerOrders .OrderList .OrderItem td img { vertical-align: middle; }
.CustomerOrders .OrderList .OrderItem .bluebutton { padding-right: 3px; }
.CustomerOrders .OrderList .OrderItem td  a:hover{ color:#E97400}
.ordertitle { padding-left: 5px; }
.ordertitle a { font-size: 11px; line-height: 18px; }
.CustomerPassRecovery { padding: 5px; color: #555; border: solid 1px #ddd; margin-top: 10px; }
.CustomerPassRecovery .Button { padding: 10px 0px; }
.CustomerPassRecovery .ItemName { width: 200px; }
.CustomerOrders .descblock * { font-size: 12px; }
.CustomerInfoBox .SectionBody { padding: 10px; border: 1px solid #ddd; }

.fancontent { width: 100%; text-align: left; }
.fancontent h1 { font-size: 13px; border-bottom: dashed 1px #ddd; padding-bottom: 3px; font-weight: normal; color: #FF770D; }
.fancontent h1 img { vertical-align: middle; margin-right: 5px; }
.fancontent hr { height: 1px; border: solid 1px #ccc; padding: 0px; margin: 5px 0; }
.blockBordered { border: 1px solid rgb(232, 230, 210); }
.fancontent .textBox { width: 160px; }
.fancontent p .ui-datepicker-trigger { margin-left: 5px; cursor: pointer; }
.fancontent .linkblocks a{ line-height:24px; color:#555; text-decoration:underline;}
#pnlTracking { height: 520px; overflow: hidden; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LOGIN PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.LoginPage { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; }
.LoginPage .title { padding: 10px 10px 0px 10px; font-weight: bold; clear: both; color: #FF7F00; font-size: 15px; }
.LoginPage .wrapper { width: 100%; margin-top: 5px; color: #555; }
.LoginPage .wrapper .new-wrapper { float: left; width: 50%; }
.LoginPage .wrapper .new-wrapper .RegisterTitle { text-align: center; margin: 0px 10px 0px 10px; font-weight: bold; }
.LoginPage .wrapper .new-wrapper .RegisterBlock,
.LoginPage .wrapper .returning-wrapper .LoginBlock { -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 10px; height: 240px; padding: 15px 5px; }
.LoginPage .wrapper .new-wrapper .RegisterBlock { border: solid 1px #DEDEDE; }
.LoginPage .wrapper .returning-wrapper .LoginBlock { border: solid 1px #b7ddf2; background: #F2F5FB; }
.LoginPage .wrapper .returning-wrapper { float: right; width: 50%; }
.LoginPage .wrapper .returning-wrapper .LoginTitle { text-align: center; margin: 0px 10px 0px 10px; font-weight: bold; }
.LoginTableContainer { vertical-align: middle; }
.LoginTableContainer caption, .RegisterBlock caption,.CheckoutAsGuestOrRegisterBlock caption { text-align: left; font-size: 14px; font-weight: bold; margin-bottom: 8px; padding: 0px; }
.LoginTableContainer hr { border-width: 0px; height: 1px; background-color: #b7ddf2; }
.RegisterBlock hr { border-width: 0px; height: 1px; background-color: #DEDEDE; }
.RegisterBlock .description { font-size: 12px; line-height: 20px; }
.RegisterBlock #lnkReg { background-image: url(/images/join.gif); background-repeat: no-repeat; height: 26px; width: 106px; display: block; margin-right: 20px; margin-top: 50px; }
.LoginTableContainer .Row { }
.LoginTableContainer .Row .ItemName { padding: 10px 10px 10px 0px; white-space: nowrap; padding-right: 10px; vertical-align: middle; font-weight: bold; text-align: right; width: 36%; }
.LoginTableContainer .Row .ItemValue { padding: 10px 0px 10px 0px; vertical-align: middle; }
.LoginPage .ForgotPassword a { font-weight: bold; text-decoration: underline; }
.LoginPage .LoginButton { clear: both; }
.LoginPage .LoginButton a { background-image: url(/images/sign.gif); background-repeat: no-repeat; height: 26px; width: 106px; display: block; }
#anoycheckout{padding:20px 10px;}
#anoycheckout a,#lnkregis a{ font-size:10px;}
#lnkregis{padding:0 10px;}

.LoginTableContainer .error { padding: 9px 45px; }

.ItemValue .textBox { height: 18px; line-height: 18px; }

#hideIntro { display: none; }
.why-reg-title { text-align: left; margin-bottom: 20px; }
.why-reg-block { margin: 0px; padding: 0px; text-align: left; list-style-position: inside; list-style-type: circle; color: #333; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	REGISTRATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RegistrationPage { margin: 15px 0; padding-bottom: 5px; padding-left: 80px; width: 800px; }
.RegistrationPage .title { padding: 10px 10px 10px 0; font-weight: bold; clear: both; }
.RegistrationPage p { color: #FF7F00; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }
.RegistrationPage p.success{margin:10px 0;padding:15px 10px 15px 50px;width:500px;}
.RegistrationPage .bgtitleblock { text-indent: 10px; }
.RegistrationPage .body { margin: 0; padding: 0;color: #555; background-color: inherit; }
.RegistrationPage .SectionTitle { padding: 10px 10px 5px 0px; font-weight: bold; clear: both; font-size: 12px; background-color: #efefef; width: 60%; text-indent: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.RegistrationPage .SectionBody { text-align: left; padding: 15px; height: auto; border: 1px solid #ddd; background-color: #F8F8F9; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.RegistrationPage .Button { margin-bottom: 5px; margin-top: 5px; clear: both; }
.RegistrationPage .Button a{ color:White;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PASSWORD RECOVERY

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

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

.PasswordRecoveryPage .title { padding: 10px 10px 5px 0px; font-weight: bold; clear: both; }

.PasswordRecoveryPage .body { margin: 0; padding: 0; font-size: 11px; color: #555; width: 60%; }

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

	ACCOUNT ACTIVATION

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

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

.AccountActivationPage .title { padding: 10px 10px 5px 0px; font-weight: bold; text-transform: uppercase; clear: both; }

.AccountActivationPage .body { margin: 0; padding: 0; font-size: 11px; color: #555; background-color: inherit; }

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

	ADDRESS EDIT PAGE

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

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

.AddressEditPage .title { padding: 20px 10px 20px 0px; font-weight: bold; border-bottom: dashed 1px #eee; }

.AddressEditPage .body { margin: 0; padding: 0; font-size: 11px; color: #555; background-color: inherit; }
.AddressEditPage .body table { margin: 10px 0; }
.AddressEditPage .body table td { height: 36px; line-height: 36px; }
/*User Center*/
.usercenter h3 { font-size: 13px; margin: 10px 0; padding: 0 0 10px 0; border-bottom: dashed 1px #eee; }
.usercenter .bgtitleblock { text-indent: 12px; font-weight: bold; color: #FD770D; }
.usercenter .info { background-color: #efefef; width: 450px; }
.usercenter .shareinfo p { margin: 5px 0; }
.usercenter .shareinfo { color: #E97400; margin: 10px 0 0; }
.usercenter .picture a img { border: solid 1px #fff; }

.usercenter .lnkUpdate { background-image: url(/images/update.gif); background-repeat: no-repeat; height: 26px; width: 106px; display: block; }

.orderstatustip fieldset { border: solid 1px #ddd; }
.orderstatustip fieldset legend { color: #E97400; font-weight: bold; }
.orderstatustip ul { margin-left: 16px; }
.orderstatustip li { margin: 5px 0; color: #555; line-height: 20px; list-style-type: circle; }
.orderstatustip li span { display: block; text-decoration: underline; font-weight: bold; color: Maroon; }

#reviewleft { float: left; width: 480px; margin-top: 20px; }
#reviewleft .writeProductReviewBox { width: 480px; }
#reviewright { float: right; width: 240px; margin-top: 20px; }
#reviewright h1 { font-size: 13px; }
#reviewright li { list-style-type: disc; list-style-position: inside; padding: 3px 0; }
#reviewright a { color: #E97400; }

.reviewtips { text-align: left; line-height: 20px; }
.reviewtips h1, .reviewtips p { padding: 0px; margin: 5px 0; }
.reviewtips h1 { font-size: 13px; color: #FD770D; font-weight: bold; }
.reviewtips li { list-style-type: circle; list-style-position: inside; }

#recentlyviewed .picture a, #mayinterest .picture a { border: solid 2px #fff; height: 72px; width: 72px; float: left; margin-right: 3px; }
#recentlyviewed .picture a:hover, #mayinterest .picture a:hover { border: solid 2px #ddd; }

.trackinginfo { color: #FF770D; font-weight: bold; line-height: 22px; }
.trackingContent { margin: 0px; padding: 0px; }