WebSVN – SmartDukaan – /trunk/Website/src/main/webapp/css/myaccount.css

/** 
  * Author                      : Raj Kumar Bharti
  * Creation Date       : 22 Nov 2010
  * Project             : Shop2020
  * Copyright 2010 Evon Technologies
*/

/*___ My Account ___*/
#myAccount {color:#333;}
#myAccount .top {
background:url(../images/my-ac-content-corner-tc.jpg) repeat-x;
  float:left; width:100%;
}
#myAccount .top .left{background:url(../images/my-ac-content-corner-tl.jpg) no-repeat;}
#myAccount .top .right{background:url(../images/my-ac-content-corner-tr.jpg) no-repeat top right; line-height:10px;}

#myAccount .middle {
background:#fff; 
float:left; width:100%;
}
#myAccount .middle .left{background:url(../images/my-ac-content-corner-ml.jpg) repeat-y;}
#myAccount .middle .right{background:url(../images/my-ac-content-corner-mr.jpg) repeat-y top right; min-height:800px;}

#myAccount .bottom {
background:url(../images/my-ac-content-corner-bc.jpg) repeat-x; 
float:left; width:100%;
}
#myAccount .bottom .left{background:url(../images/my-ac-content-corner-bl.jpg) no-repeat;}
#myAccount .bottom .right{background:url(../images/my-ac-content-corner-br.jpg) no-repeat top right;}

/*___ My Account Nav ___*/
#myAccountNav{
        float:left;
        width:163px;
        background-color: #E9F3F9;
        padding-top:10px;
        font-size:14px;
}

#myAccountNav ul{list-style:none;}
#myAccountNav h2{
        margin:0 0 4px 16px;
        color:#333;
        font-size:14px;
}
#myAccountNav a{
        display:block;
        padding:6px 16px;
        margin-bottom:-1px;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
}
#myAccountNav a:hover, #myAccountNav a.active{
        color:#fff;
        text-decoration:none;
        background-color:#848484;       
}

#myAccountNav .spacing{margin:40px 0 12px 16px;}

/*___ Order History ___*/

#myAccount #goBack{
border-bottom:1px solid #CCCCCC;
float:left;
padding:0 0 2px 18px;
width:505px;
margin-bottom:10px;
}
#myAccount .content{
  float:left;
  width:537px;
}
#myAccount .content h1{
        font-size:18px;
        color:#030303;
        padding-left:18px;
}
#myAccount .content .note{padding:10px 0 20px 18px;}

#myAccount .content table,
#depriciationTable table{
        border-top:1px solid #ccc;
        border-left:1px solid #ccc;
        margin-left:5px;
}

#myAccount .content td,
#depriciationTable td{
        padding:7px 6px;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
}
#myAccount .content th,
#depriciationTable th{
        padding:7px 6px;
        background:#daf0f8;
        border-bottom:1px solid #ccc;
        
}
#myAccount .content .pagination{
        padding:4px 10px 4px 0;
        text-align:right;
        font-size:11px;
        color:#666;
        border:1px solid #ccc;
        border-top:none;
}
#myAccount .content .pagination a{margin:0 10px;}
#myAccount .content .pagination a.inactive{color:#666;}
#myAccount .content .borderRight, #depriciationTable .borderRight{border-right:1px solid #ccc;}
#myAccount .content .price{
        float:left;
        margin-right:8px;
}
#myAccount .content img.rupee{margin-top:4px;}
#myAccount .content .totalAmount{
        padding:6px;
        font-size:14px;
        font-weight:bold;
        text-align:right;
}
#myAccount #shipmentDetails{border:1px solid #ccc;}
#myAccount #shipmentDetails h3{font-size:12px;}
#myAccount #shipmentDetails .heading{
        font-weight:bold;
        padding:5px 20px 5px 10px;
        background:#daf0f8;
}
#myAccount #shipmentDetails .heading .title{
        float:left;
        width:400px;
}
#myAccount #shipmentDetails .heading .close{
        float:right;
        width:20px;
}
#myAccount #shipmentDetails .heading .close a:hover{text-decoration:none;}
#myAccount #shipmentDetails #orderShippingAddress{border-bottom:1px solid #ccc;}

#myAccount #shipmentDetails #orderShippingAddress,
#myAccount #shipmentDetails #orderShippingStatus{padding:8px 10px;}

#myAccount #shipmentDetails #orderShippingStatus table,
#myAccount #shipmentDetails #orderShippingStatus th,
#myAccount #shipmentDetails #orderShippingStatus td{border:none;}

#myAccount #shipmentDetails #orderShippingStatus table{margin:5px 0 6px 2px;}
#myAccount #shipmentDetails #orderShippingStatus th{
        color:#900;
        background:none;
}
#myAccount #shipmentDetails #orderShippingStatus th,
#myAccount #shipmentDetails #orderShippingStatus td{padding:1px 0 0 0;}

#myAccount #orderDetail,
#myAccount #courierAWB {
float:left;
margin:18px;
}

#myAccount #orderDetail dt{
float:left;
}

#myAccount div.content #paySuccess {
        margin-left: 100px;
}

div#orderShippingAddress {
        width: 440px;
}

div#changeAddress {
        float: right;
}

#myAccount .new-button {
        padding: 3px 4px;
}

div.saveCancelDiv {
        width: 200px;
        margin-bottom: 10px;
}

#myAccount form#frmShippingAddress td {
    border-bottom: none !important; 
    border-right: none !important;
}

#myAccount table#addresses td {
    border-right: none !important;
}

div.saveCancelDiv #changeAddressCancel {
        float: right;
        text-align: right;
}

#myAccount #loginDetails #registeredUserFacebook{margin-top:45px;}
#myAccount #loginDetails #registeredUserFacebook dt{
        float:left;
        width:115px;
        text-align:right;
        border:none;
}
#myAccount #loginDetails #registeredUserFacebook .style4{}
#myAccount #personalDetails .noBorder,
#myAccount #loginDetails .noBorder{border:none;}

#myAccount #personalDetails select.selectWidth1{
        width:90px;
        height:19px;
        padding-bottom:1px;
        border:none;
        background:url(../images/month.png) no-repeat;
}
#myAccount #personalDetails select.selectWidth2{
        width:72px;
        height:19px;
        padding-bottom:1px;
        border:none;
        background:url(../images/yearanddate.png) no-repeat;
}

#myAccount #personalDetails .blockLeft,
#myAccount #loginDetails .blockLeft{
        float:left;
}
#myAccount #personalDetails .blockRight,
#myAccount #loginDetails .blockRight{
        float:left;
        width:170px;
  margin-top:5px;
}
#myAccount #personalDetails .style1,
#myAccount #loginDetails .style1{
        margin-left:10px;
        font-size:11px;
        line-height:15px;
        color:#666;
}
#myAccount #personalDetails .style2,
#myAccount #loginDetails .style2{
        margin-left:5px;
        line-height:18px;
        color:#333;
}
#myAccount #personalDetails .style2 .spacing{height:18px;}
#myAccount #loginDetails .style3{padding-left:10px; font-size:11px;}

#myAccount #personalDetails .captcha,
#myAccount #loginDetails .captcha{
        width:225px;
        margin-bottom:10px;
        border:1px solid #ccc;
}

#myAccount #shippingAddress {}
#myAccount #shippingAddress h2{
        margin-bottom:5px;
        font-size:14px;
        color:#000;
  padding-left:18px;
}
#myAccount #shippingAddress h3{
        margin-bottom:5px;
        font-size:12px;
        color:#000;
  padding-left:18px;
}

#myAccount #shippingAddress .borderBottom1{
        border-bottom:1px solid #CCCCCC;
float:left;
height:1px;
margin-bottom:10px;
margin-top:5px;
width:100%;
}
#myAccount #shippingAddress .borderBottom2{
}

#myAccount #shippingAddress .addressWidth{float:right; }
#myAccount #shippingAddress .deleteWidth{float:right;  }
#myAccount #shippingAddress .savePriAddressWidth{float:left; width:250px;}
#myAccount #shippingAddress .spacing{
        margin-bottom:35px;
        line-height:20px;
}

#myAccount #shippingAddress #addNewAddress dl{margin:25px 0;}
#myAccount #shippingAddress #addNewAddress dt{
        float:left;
        width:110px;
        margin-top:2px;
        text-align:right;
}
#myAccount #shippingAddress #addNewAddress dd{margin:0 0 8px 120px;}
#myAccount #shippingAddress #addNewAddress .spacing{
        height:10px;
        margin:0;
}
#myAccount #shippingAddress #addNewAddress .selectWidth{
        padding-bottom:1px;
}

#myaccountFormShippingAddress .addressContainer {
float:left;
padding-left:18px;
width:510px;
}
#myaccountFormShippingAddress .address-container-inner {
position:relative;
margin-bottom:35px;
}
#orderShippingAddress {
float:left;
margin:0 18px;
width:531px;
}
.addressButton {
bottom:0;
position:absolute;
right:10px;
}
.primary-address-container-inner.address-container-inner{
margin-bottom:0px !important;
}
#orderDetail{
float:left;
width:250px;
margin-left:18px;
}
#orderDetail .orderDetail-left,
#courierAWB .orderDetail-left {
float:left;
clear:left;
margin-bottom:5px;
}
#orderDetail .orderDetail-right,
#courierAWB .orderDetail-right {
float:left;
margin-bottom:5px;
}

#myAccount .addNewAddressRight {
    float: right;
}

#myAccount .content table.myaccount-orders {
width:400px;
}

#myAccount .required{color:#f00;}

#frmCancelOrder {
        padding-top:10px;
        padding-bottom:30px;
        padding-left: 40px;
        width: 400px;
        float: left;
        display: none;
}

#frmCancelOrder label.error {
        float:right !important;
        display:block;
        color:#f00;
        font-size:11px;
        text-align:right !important;
        width: 80%;
}

#frmCancelOrder label {
        width: 120px;
        float: left;
        font-weight: bold;
}

#frmCancelOrder .textbox-image {
        margin-top: 10px;
}

#frmCancelOrder input[type="text"] {
        width: 200px;
}

#frmCancelOrder textarea {
    height: 100px;
    width: 250px;
}

#frmCancelOrder .contact-form-button {
        margin-left: 50px;
}
Subversion Repositories SmartDukaan

(root)/trunk/Website/src/main/webapp/css/myaccount.css @ 20253 – Rev 6903
