  
/************************************************ Register acccount ***************************************************/
#account{ width:920px; margin:60px auto; }
#account h2{ background-image:url(../_img/account/account-header.jpg); width:229px; height:45px;}
#account h2 span{ display:none;}
#account p{ color:#737373;}
#account .register .left{ width:450px; margin-right:20px; float:left; height:290px; background-color:#d9d9d9;}
#account .register .right { width:450px; float:left; background-color:#eaf1c0; height:290px}
#account .register h3{ font-size:29px; font-weight:100; color:#474747; margin:38px 0 0 20px;}
#account .register p{ font-size:16px; color:#737373; margin:5px 0 0 20px; }
#account .register h5{ font-size:11px; margin:2px 0 0 20px; font-weight:100; color:#d25d04; font-style:normal; }
#account .register form{ margin:10px 0 0 20px;}
#account .register form label{ width:120px; float:left; color:#272727; margin:10px 0 0 0; text-align:left; line-height:24px;}
#account .register form dl dd{ height:20px;}
#account .register form input{ width:282px; padding:2px 3px; float:left; color:#444444; border:solid 1px #dedede; margin:10px 0 0 0; font-size:16px; }
#account .register form a.submit-button{ width:95px; height:24px; float:right; margin:25px 20px 0 0; padding:0; border:none; background-image:url(../_img/buttons/login-button.jpg); }
#account .register form a.submit-button span, .register form a.continue span{ display:none;}
#account .register form a.forgot-password{font-size:11px; float:right; margin:5px 20px;}
#account .register form a.continue{ width:113px; height:24px; float:right; margin:10px 20px 0 0; padding:0; border:none; background-image:url(../_img/buttons/continue-button.jpg); }

.note-box{ width:513px;}
.note-box h3{ font-size:29px; font-weight:100; color:#5d9b36; margin:0 0 10px 0; }
.note-box p{ margin:0 0 10px 0; }
.note-box ul{ list-style:none;}
.note-box ul li.logout{ float:left; margin:0 10px 0 0;}
.note-box ul li.logout a{  padding:0 0 0 17px; background:url(../_img/icons/plus-icon.png) no-repeat left; color:#999999; text-decoration:none;}
.note-box ul li.logout a:hover{ text-decoration:underline;}
.note-box dl dt { float:left; width:197px; padding:0; color:#272727; } 
.note-box dl dd{ float:left; width:310px; margin:0px 0 5px 0; font-size:18px; text-transform:capitalize; color:#868686; font-weight:100; }
.note-box dl dd input{ width:310px; border:solid 1px #dedede; padding:2px 3px; font-size:16px; color:#848484;  }
.note-box input.send-button{ float:right;}

/************************************************ My account screen ***************************************************/

#account-links{ float:left; width:260px; margin:50px 0 0 0;}
#account-links ul{ list-style:none;}
#account-links ul li{ margin:0 0 5px 0;}
#account-links ul li.break{ margin:0 0 15px 0;}
#account-links ul li a{ background:url(../_img/icons/plus-icon.png) no-repeat left; padding:0 0 0 17px; text-decoration:none; font-size:18px; color:#5d9b36; font-weight:100; }
#account-links ul li a:hover{ text-decoration:underline; }

#account-details, #history{ width:627px; padding-top:1px; margin-top:50px; color:#646464; float:right;}
#account-details .top, #history .top{ width:627px; height:5px; background-image:url(../_img/checkout/corners-top.jpg); margin:0; overflow:hidden;}
#account-details .middle, #history .middle{ width:535px; background-color:#f1f1f1; border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; margin:0; float:left; padding:30px 45px;}
#account-details .bottom, #history .bottom{ background-image:url(../_img/checkout/corners-bottom.gif); width:627px; height:6px; margin:0; overflow:hidden; }
#account-details .middle ul{ list-style:none;}
#account-details .middle ul li{ padding:7px 0; float:left;}
#account-details .middle ul li.border{ border-bottom:solid 1px #cbcbcb;}
#account-details .middle h4{ margin:0 0 15px 0; width:535px; font-size:22px; border-bottom:solid 1px #e0e0e0; padding-bottom:5px;}
#account-details .middle h5{ font-size:11px; font-weight:100; margin:0 0 20px 0; }
#account-details input.save{ width:83px; height:24px; float:right; margin:10px 30px 0 0 ;}
#account-details input.submit-button{ width:113px; height:24px; float:right; margin:0 21px 0 0;}

#account-details dl dd img.active{ float:left;}
#account-details dl dd a.inactive{ float:left; margin:0 0 0 20px;}
#account-details ul li h5 span, #account-details ul li a span{ display:none; }

#account-details dl.display{ margin:0 0 5px 0; border-bottom:solid 1px #cbcbcb; padding:0 0 5px 0; width:535px;}
#account-details dl dt { float:left; width:197px; padding:0; } 
#account-details dl dd{ float:left; width:330px; margin:0px 0 5px 0; font-size:18px; text-transform:capitalize; color:#868686; font-weight:100; }
#account-details form dl dd input{ width:310px; border:solid 1px #dedede; padding:2px 3px; font-size:16px; color:#848484;  }
#account-details dl dt span{ font-size:18px; color:#646464; font-weight:100;}

#account-details form dl dd select { width:auto; line-height:20px; margin:0; border:solid 1px #dedede; padding:2px; color:#848484;}
.alert-red h5{ font-size:11px; margin:5px 0 0px 0px; font-weight:100; color:#d25d04; font-style:normal;}
#account-details form h4{ float:left; margin:0 0 15px 0; font-size:18px; color:#737373; border-bottom:none; }
#account-details form dl dt.offers{ width:270px; margin:10px 0;}
#account-details form dl dd.offers{ width:14px; height:14px;  margin:10px 0; float:left; }
#account-details form dl dd.offers input{ width:14px; height:14px; border:solid 1px #66FF00;}
#account-details .middle a.add-address{ float:left; border-bottom:solid 2px #e9eaea; padding:0 0 10px 0; width:535px;}
#account-details ul li.address{ border-bottom:solid 2px #e9eaea; padding:10px 0; width:535px; }
#account-details ul li.address p{ float:left; text-transform:capitalize;}
#account-details ul li.address a{ padding:0 0 0 17px; background:url(../_img/icons/plus-icon.png) no-repeat left; color:#999999; float:right; margin:0 0 0 10px;}
#account-details ul li.shop a{ padding:0 0 0 17px; background:url(../_img/icons/plus-icon.png) no-repeat left; color:#999999; text-decoration:none; }
#account-details ul li.shop a:hover{ text-decoration:underline;}

#account-details ul.history{ list-style:none; margin:30px 0 0 0; float:left;}
#account-details ul.history li.title{ border-bottom:solid 3px #666666; text-transform:uppercase; float:left; font-size:18px; color:#818181; padding:0 0 8px 0;}
#account-details ul.history li .t1{ width:250px;}
#account-details ul.history li .t2{ width:185px; }
#account-details ul.history li .t3{ width:100px; text-align:right;}
#account-details ul.history li.row{width:535px; overflow:hidden; margin:0; border-bottom:solid 1px #e9eaea; padding:10px 0;}
#account-details ul.history li.row a{ margin:0 0 0 5px;}

/************************************************ Wishlist ***************************************************/

#account-details ul.wish-list{ margin:10px 0 30px 0;  width:535px;}
#account-details ul.wish-list li.title{ border-bottom:solid 7px #e9eaea; width:535px; color:#999999; font-size:18px; font-weight:bold; text-transform:none; }
#account-details ul.wish-list li .t1{ width:365px; }
#account-details ul.wish-list li .t1 h3{font-weight:100; text-decoration:underline; font-size:18px; margin:0 0 10px 0;}
#account-details ul.wish-list li .t2{ width:110px; text-align:center;}
#account-details ul.wish-list li .t2 h3{ font-size:18px; font-weight:bold; color:#737373;}
#account-details ul.wish-list li .t3{ width:60px; text-align:center;}
#account-details ul.wish-list li.product{ width:535px; border-bottom:solid 1px #e9eaea; padding:10px 0;}
#account-details ul.wish-list li.product img{ float:left; margin:0 20px 0 0;}
#account-details ul.wish-list input.delete-button{  width:171px; height:25px; float:right; margin:20px 0 0 0;}

#account-details .middle .manage-wish-list h5{ margin:30px 0 0px 0; font-size:18px; color:#666666; border-bottom:solid 7px #e9eaea; padding:10px 0; }
#account-details .middle .manage-wish-list p{ margin:15px 0;}
#account-details .manage-wish-list form dl dt{ float:left; width:110px; margin-top:5px; }
#account-details .manage-wish-list form dl dd{ float:left; width:425px; }
#account-details .manage-wish-list form dl dd input.txt{ width:250px; float:left;}
#account-details .manage-wish-list form dl dd input.add-button{ width:113px; height:24px; float:right; border:none; }
#account-details .manage-wish-list form dl dd select, #account-details .manage-wish-list form dl dd textarea{ width:260px; float:left; border:solid 1px #dedede; padding:2px 3px; font-size:16px; color:#848484;}
#account-details .manage-wish-list form dl dd input.remove-button{ width:155px; height:24px; float:right; border:none; margin:56px 0 0 0; }
#account-details .manage-wish-list form dl dd input.send-button{ width:83px; height:24px; float:right; border:none; margin:107px 0 0 0; }


/*.manage-wish-list form dl dt { float:left; width:140px; margin-top:4px;} 
.manage-wish-list form dl dd{ float:left; color:#444444;  margin:0 0 10px 0; }
.manage-wish-list form dl dd input{ width:240px; border:solid 1px #dedede; padding:2px 3px; font-size:16px; height:20px;}
.manage-wish-list form dl dd textarea{ float:left; border:solid 1px #dedede; font-size:16px;}
.manage-wish-list form input.submit-button{ float:right; margin:0 32px 0 0;}*/

