Subversion Repositories SmartDukaan

/** 
  * Author                      : Raj Kumar Bharti
  * Creation Date       : 31 Dec 2010
  * Project             : Shop2020
  * Copyright 2010 Evon Technologies
*/

html, body, h1, h2, h3, h4, h5, h6, div, span, p, ol, ul, li, dl, dt, dd, table, th, tr, td, form, label, input, select, textarea {margin:0; padding:0;}


body{
        font-size:12px;
        line-height:18px;
        font-family: Lucida Grande, Open Sans;
}


h1{
        font-size:24px;
        font-weight:bold;
}
h2{
        font-size:20px;
        font-weight:bold;
}
h3{
        font-size:14px;
        font-weight:bold;
}
a{
        outline:none;
        color:#006699;
        text-decoration:none;
}
a:hover{
        color:#0066CC;
        text-decoration:underline;
}

a img {
        border:0;
}


input, select, textarea{outline:none;}

/*___ Main ___*/
#registration div.middle        {
        min-height: 550px;
}

#main{
        width:980px;
        margin:0 auto;
}

/*___ Sign In ___*/
#signin_menu,
#signin_menu .top,
#signin_menu .middle,
#signin_menu .bottom{width:272px;}

#signin_menu{
        position:absolute;
        z-index:9999;
        margin:-2px 0 0 390px;
        padding:0;
        font-weight:normal;
        border:none;
        display: none;
}
#signin_menu .top{
        line-height:16px;
        background: url("../images/login-sprite.png") repeat-y scroll 0px 0px transparent;
}

#signin_menu .middle{
         background: url("../images/login-sprite.png") repeat-y scroll -272px 0 transparent;
}

#signin_menu .middle dl{padding:15px 0;}
#signin_menu .middle dt{
        float:left;
        width:80px;
        margin:3px 8px 12px 0;
        color:#333333;
        text-align:right;
        font-weight:normal;
}
#signin_menu .middle dd{
        float:left;
        width:160px;
        margin-bottom:12px;
        text-align:right;
}
#signin_menu .middle label.floatRight{color:#06c;}
#signin_menu .middle input.floatRight{margin:3px 5px 0 0;}
#signin_menu .middle input.textbox{
        padding:5px 0;
  width:155px !important; 
        text-align:left;
        font-size:11px;
        background:#f8f8f8;
        border:1px solid #b5b5b5;
}
#signin_menu .middle .bigImgButton{float:right;}
#headerRight .signin, 
#headerRight .signin1, 
#headerRight .menu-open{
        padding-right:18px;
    background:transparent url(../images/spriteme1.png) no-repeat scroll 40px -893px;
}
#signin_menu .bottom{
        height:65px;
        background: url("../images/login-sprite.png") repeat-y scroll -547px 0 transparent;
}
#signin_menu .bottom a{
        color:#fff;
        text-decoration:none;
}
#signin_menu .bottom a:hover{
        color:#fff;
        text-decoration:underline;
}
#signin_menu .bottom #resend_password_link{padding:15px 0 0 12px; float:left;}
#signin_menu .bottom #forgot_username_link{padding:15px 18px 0 0; float:right;}

/*___ Notification ___*/
#notification{
        position:absolute;
        margin:-4px 0 0 340px;
        z-index:1000;
}

#notification,
#notification .top,
#notification .middle,
#notification .bottom{
        width:272px;
}
#notification .top{
        line-height:16px;
        background:url(../images/notification-top.png) no-repeat;
}
#notification .bottom{
        line-height:16px;
        background:url(../images/notification-bottom.png) no-repeat bottom left;
}
#notification .middle{
        background:url(../images/notification-ver-bar.png) repeat-y;
}
#notification .colLeft{
        float:left;
        width:215px;
        margin:0 0 3px 15px;
        
        font-size:11px;
        font-weight:normal;
        color:#333;
        line-height:18px;       
}
#notification .link{
        margin-top:2px;
        font-weight:bold;
}
#notification a#notficationClose{
        float:right;
        width:18px;
        margin-right:18px;
}
#notification .borderBottom{
        margin:-15px 0 5px 0;
        border-bottom:1px solid #ccc;
}

/*___ Search & Cart ___*/
#searchCartArea{
        margin-bottom:4px;
    float: left;
    width:100%;
}
#searchCartArea .left{background:url(../images/search-left.jpg) no-repeat;}
#searchCartArea .right{background:url(../images/search-right.jpg) no-repeat top right;}
#searchCartArea .center{
        margin:0 4px;
        background:url(../images/search-hor-bar.jpg) repeat-x;
}

#search{
padding:3px 0;
}
#search .textbox{
        float:left;
        width:366px;
        margin-right:4px;
        padding:5px 4px;
        border:1px solid #848484;
    height: 16px;
}
#search .dropdown{
        float:left;
        height:28px;
        margin-right:5px;
        font-size:14px;
        border:1px solid #848484;
        background:#fff;
        padding: 4px;
}

#search, #cartValue,
#search .bigImgButton, #cartValue .bigImgButton {float:left;}

#cartValue{
        float:right;
        margin-top:3px;
}
#cartValue img{
        float:left;
        margin-right:6px;
}
#cartValue .caption{
        float:left;
}

/*___ Sidebar ___*/
#sidebar{
        width:240px;
        float:right;
        color:#333;
}
#sidebarBanner{
        width:240px;
        margin-bottom:3px;
}
#sidebar h1{
        font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size:16px;
}
#customerService{
        background:#f5f5f5;
        border:1px solid #ccc;
        height:70px;
        position:relative;
        width:238px;
}
#customerService img {
        position: absolute;
        top: 0;
}

#customerService h2{
        padding:2px 0 0 5px;
        font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size:14px;
        height: 26px;
    background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -625px;
}
#customerService #customerPhone,
#customerService #customerPhone img,
#customerService #customerPhone span{float:left;}
#customerService #customerPhone span{margin-top:10px; margin-left:52px;}

#customerService #customerPhone img{
clip:rect(0px, 44px, 42px, 0px);
left:40px;
line-height:10px;
top:28px;
}

/*___ Error & Success Message ___*/
#messageError,
#messageSuccess{
        margin:5px 0 15px 0;
        padding:10px;
}
#messageError{
        background:#ffffdd;
        border:1px solid #cc0000;
}
#messageSuccess{
        background:#ffffdd;
        border:1px solid #006600;               
}

#messageError span,
#messageSuccess span{
        display:block;
        float:left;
        width:35px;
        height:34px;
}

#messageError h6,
#messageSuccess h6{
        margin:0 0 5px 45px;
        font-size:14px;
}
#messageError h6{color:#e47911;}
#messageSuccess h6{color:#009900;}

#messageError p,
#messageSuccess p{
        margin-left:45px;
        font-size:12px;
        line-height:18px;
}
#messageError p{color:#b31941;}
#messageSuccess p{color:#003300;}

#main .smallImgButton {
        color:#000;
        font-weight:bold;
}
#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
#main .smallImgButton .center{
        margin:0 10px;
        background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
        height:21px;
}
#main .smallImgButton a{
        font-size:11px;
        color:#000;
        text-decoration:none;
}



/*___ tab buttons ___*/
#tabButton{
        margin-top:3px;
        height:24px;
    width:100%;
}
#tabButton .tabButton1{ float:left;}
#tabButton .tabButton2 {float:right;}

#tabButton .tabButton1{margin:0 10px;}
#tabButton .tabButton1 a{display:block;}

#tabButton .tabButton1 a{
        color:#333;
        text-decoration:none;
        cursor:pointer;
        padding:2px 18px 0 18px;
        height:20px;
        background-color: #F6F6F6;
        border: 1px solid #CCC;
}

        
#tabButton .tabButton1 a:hover{
        color:#333;
        text-decoration:none;
        background-color: #F6F6F6;
        border: 1px solid #CCC;
}

#tabButton .tabButton1 a#activeTab,
#tabButton .tabButton2 a#activeTab,
#tabButton .tabButton1 a.activeTab,
#tabButton .tabButton2 a.activeTab{
        background-color: #67ABD3;
        border: 1px solid #67ABD3;
}

#tabButton li {
  list-style:none;
}

#tabButton .tabButton2{margin:0px 5px; padding:0px 10px;}
#tabButton .tabButton2 a{display:block;}

#tabButton .tabButton2 a{
        color:#333;
        text-decoration:none;
        cursor:pointer;
        padding:2px 18px 0 18px;
        height:20px;
        background-color: #F6F6F6;
        border: 1px solid #CCC;
}

#tabButton .tabButton2 a:hover{
        color:#333;
        text-decoration:none;
        background-color: #67ABD3;
        border: 1px solid #67ABD3;
}

#tabButton #catTab3 a{
        margin-right:-10px;
        padding:2px 18px 0 28px;
        height:20px;
}

#tabButton #catTab4 a{
        margin-right:-10px;
        padding:2px 18px 0 28px;
        height:20px;
}


/*___ Common Classes ___*/
.clearBoth{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.bold{font-weight:bold;}
.lineHeight_10px{line-height:4px;}
.noBorder{border:none;}

#noScript{
        width:940px;
        margin:20px auto;
        padding:30px 20px;
        font-size:18px;
        color:#cc0000;
        text-align:center;
        background:#FDFCDC;
        border:2px solid #F1EDC2;
}

.padding_topbottom{
        padding: 19px 0 18px; 
}
.noBold{font-weight:normal;}

ul.deal-items,
ul.deal-items ul {
  list-style:none;
}
ul.deal-items li {
  margin-left: 10px;
  margin-right: 15px;
}
ul.deal-items ul li,
ul.latest-arrivals-page-items li,
ul.category-page-items li,
ul.best-deals-page-items li,
ul.best-seller-page-items li {
  margin:0px;
}
#customerService .floatLeft img{
  line-height:10px;
  left: 0;
  clip: rect(0px 40px 42px 0px);
  top:28px;
}

/**  for sign in  **/

#signin label{
float:left;
width:70px;
margin-right:5px;
display:block;
}

#signin #edit-name-wrapper, #signin #edit-password-wrapper {
float:left;
margin-left: 10px;
margin-bottom:5px;
margin-top:5px;
}
#signin .form-button-outer {
float:right;
margin:5px 20px 10px 0px;
}

/*** Ebizon changes for pagination ****/
#winker0 {
  margin:0;
  width:100%;
}
.scroll-pane.tabwrap.makeScroll {
  width:240px;
}
#research_delete, #research_compare {
  cursor:pointer;
}
ul.pagination,
ul.deals-item {
    list-style: none outside none;
}
ul.pagination li {
    display: inline;
}
ul.deals-item li.search-deals-items {
   background: url("../images/search-result-border.jpg") no-repeat scroll center bottom transparent;
   float: left;
   margin-bottom: 10px;
}
/** Ebizon changes Registration page ***/

#myaccountFormShippingAddress .error,
#frmLogin .error {
        float:none !important;
        display:block;
        color:#f00;
}
#registration .register-row label.error,
#addNewAddress .form-item label.error {
  width: 100%;
  text-align: left;
}

/*** End of ebizon changes for registration page ****/  

/**  by ebizon for buttons new  **/

.grey-left {
        background:transparent url(../images/search-sprite.jpg) no-repeat scroll 0 0;
}
.grey-right {
        background:transparent url(../images/search-sprite.jpg) no-repeat scroll right top;
}
.grey-center {
        background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -619px;
        margin:0 4px;
}
.yellow-left {
          background: url("../images/buttons/big-button-sprite.png") no-repeat scroll 0 -29px transparent;
}
.yellow-right {
        background: url("../images/buttons/big-button-sprite.png") no-repeat scroll 83px -58px transparent;
}
.yellow-center {
        background: url("../images/buttons/big-button-sprite.png") repeat-x scroll 0 0 transparent;
        height:28px !important;
        margin:0 7px;
}

.yellow-image {
        background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -750px;
        cursor:pointer;
        font-size:13px;
        font-weight:bold;
        padding:4px 7px 4px 7px;
  border:1px solid #bfa864;
  text-align:center;
        color:#000000;
  height:18px;
float:left;
}
.yellow-image input.button {
background:none;
border:none;
font-weight:bold;
font-size:13px;
cursor:pointer;
}
.yellow-image a {
        color:#000;
        text-decoration:none;
        line-height:25px;
        font-weight:bold;
}
.yellow-center .caption a{
        color:#000;
        text-decoration:none;
        line-height:28px;
        font-weight:bold;
}
.textbox-left {
        background:transparent url(../images/textbox-left.jpg) no-repeat scroll 0 0;
        float: left;
}
.textbox-right {
        background:transparent url(../images/textbox-right.jpg) no-repeat scroll right top;
        float: left;
}
.textbox-center {
        background:transparent url(../images/textbox-hor-bar.jpg) repeat-x scroll 0 0;
        margin:0 5px;
        padding:0;
        float: left;
}
.textbox-center .textbox {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #666666;
    font-size: 11px;
    height: 24px;
    padding: 0;
    text-align: left;
    width: 210px;
}
.textbox-image .textbox {
  background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -1044px;
        padding:0;
        float: left;
        border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  /*border-bottom: none;*/
  border-top: none;
  width:210px;
  text-align: left;
  height:16px;
  padding:4px;
  
}

/* Header of tables date picker */

table.ui-datepicker-calendar thead th,
table.ui-datepicker-calendar th {
 font-weight: normal;
 text-align: center;
 border:none;
 font-size:12px;
}
table.ui-datepicker-calendar tbody {
  border:1px solid #CCCCCC;
  padding:5px;
}
table.ui-datepicker-calendar tbody th {
 border:none;
}

/* Alternating row background styles */
table.ui-datepicker-calendar tr,
table.ui-datepicker-calendar tr td {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.ui-datepicker-calendar {
  float:left;
  width:100%;
}
#ui-datepicker-div {
    background: none repeat scroll 0 0 #CCCCCC;
    float: left;
    padding: 0px;
    width: 220px;
}
#ui-datepicker-div .ui-datepicker-header {
  padding:0px 3px;
}
#ui-datepicker-div a.ui-datepicker-next {
  float: right;
}
a.ui-datepicker-prev {
  float:left;
}
div.ui-datepicker-title {
    float: left;
    text-align: center;
    width: 155px;
    font-weight: bold;
}
a span.ui-icon {
  cursor: pointer;
}
/*** Date picker end ***/

.register-button{
        margin-top:5px;
}
/*** Ebizon changes for all Forms ***/

.form-item label {
float:left;
padding-left:10px;
}
.form-item input.textbox {
        float:left;
        width:170px;
}
.form-item .radio-buttons {
        float:left;
        margin-left:150px;
        margin-top:5px;
}
 .form-item  {
        float:left;
        clear:both;
        margin: 10px 0px;
  padding-bottom:10px;
  width:100%;
}
#formButtons , .form-buttons{
float:left;
margin-left:130px;
clear:both;
width:145px;
}
.enableDisableBtnWidth1{
float:left !important;
}
.enableDisableBtnWidth2{
float:right !important;
}
.imgDisableButton{
background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -1078px;
border:1px solid #bdbdbd;
cursor:pointer;
}
.imgEnableButton {
float:left;
}
label.label-title {
padding-left:18px;
}
#loginDetails{
margin-top:20px;
}
.form-button-outer{
 margin-right:10px; float:left;
}
.form-button-outer.last{ 
margin-right:0px !important; 
}


/*** End of form theming **/


/** by ebizon from myaccount **/

#signin .form-item {
        border-bottom:none;
  padding-bottom:0px;
  margin:0px;
}

#personalDetails{
        float:left;
        margin-top:20px;
  width:100%;
}

.content h1{
        font-size:18px;
        color:#030303;
}
.left-grey-top {
float:left; width:100%;
}

.left-grey-top .left-white-right{
        line-height:10px;}

.bottom .bottom-white-right{background:url(../images/my-ac-content-corner-br.jpg) no-repeat top right;}

.middle .middle-white-right{
        min-height:800px;}

#frmPersonalDetails .form-item label , #frmRegisUser .form-item label {
border-bottom:1px solid #CCCCCC;
width:530px;
padding-left:18px;
}

#frmPersonalDetails .textbox-image , #frmRegisUser .textbox-image {
float:left;
padding-left:150px;
width:190px;
margin-top:8px;
}
.greyColor{
color:#666;
}
.form-button-outer.first.addaddress{float:right;}

#addNewAddress .form-item label {
float:left;
width:120px;
text-align:right;
}

#addNewAddress .textbox-image , 
#addNewAddress .select-list{
float:left;
padding-left:10px;
width:190px;
}
.address-text-boxes{ float:left;}
.address-textbox-second {
        clear:both;
        margin-top:10px;
}
#addNewAddress .form-item {
margin:10px 0 0;
padding-bottom:0;
}
#addNewAddress  #edit-submit-buttons {
        margin-top: 20px;
        margin-bottom:20px;
  margin-left:140px;
}
.smallImgButton.yellow-image{
padding:0px 5px;
}
.smallImgButton.yellow-image input{
font-size:11px;
margin-top:1px;
}

/* for forgot password  */
#frmForgotPassword .form-item {
clear:both;
float:left;
width:50%;
margin:0;
padding:0;
}
#frmForgotPassword .form-item label {
float:left;
padding-right:10px;
}
#frmForgotPassword .imgTextBox {
background:transparent url(../images/textbox2-hor-bar.jpg) repeat-x scroll 0 0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
float:left;
height:28px;
width:200px;
}

.no-address {
  padding-left:18px;
}
/** by ebizon end  **/

#frmForgotPassword .error{
        float:none !important;
        display:block;
        margin-left:-5px;
        width:224px !important;
        color:#f00;
        font-size:11px;
        text-align:left !important;
}
        
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.yellow-image input.button{margin-top:1px;}
} 
#subWrapper {
  margin-top:5px;
}
#subWrapper .top .right {
    background: url("../images/product-sprite.png") no-repeat scroll right top 0 -624px transparent;
    line-height: 5px;
}
#subWrapper .top .left {
    background: url("../images/product-sprite.png") no-repeat scroll 0 -569px transparent;
}
#subWrapper .top {
    background: none repeat scroll 0 0 #FFFFFF;
}
#subWrapper .bottom {
    background: none repeat scroll 0 0 #FFFFFF;
} 
#subWrapper .bottom .left {
    background: url("../images/product-sprite.png") no-repeat scroll left bottom 0 -459px transparent;
}
#subWrapper .bottom .right {
    background: url("../images/product-sprite.png") no-repeat scroll right bottom 0 -514px transparent;
    line-height: 5px;
}
/*==== img src sprite images css ====*/
.add-to-research-icon {
        background: url("/images/IconAddtoCompare_ProdArea.png") no-repeat;
        float:left;
        width:26px;
        height:26px;
}
.addtocart{
        background: url("/images/ListIcon_Cart_Mouseover.png")  3px 5px no-repeat;
        float:left;
        width:26px;
        height:26px;
}

.add-to-cart-icon {
        background: url("/images/ListIcon_Cart_Mouseover.png") 3px 5px no-repeat;
        float:left;
        width:26px;
        height:26px;
}
#sidebar #customerService .floatLeft a {
        background: url("../images/cart-ms-call-sprite.png") no-repeat scroll -62px 0px transparent;
        height:42px;
        width:40px;
        float:left;
}
#sidebar #customerService #customerPhone {
        width: 197px;
        background: url("../images/cart-ms-call-sprite.png") no-repeat scroll -104px 0px transparent;
        min-height: 42px;
}
/*==== End img src sprite images css ====*/

.registration-form #messageError{
         width: 650px;
         display: none;
}

#forgetPass .middle .content  {
    min-height: 640px !important;
}

#frmRegister .error
 {
        float: left !important;
        display: block;
        color: #f00;
}

#frmShippingAddress .error
 {
        float: left !important;
        display: block;
        color: #f00;
}

#alternate-logins
{
                
}

#frmRegister .register-row .newsletter {
    line-height: 13px;
}
#frmRegister .register-row .newsletter label.error {
    float: left !important;
    margin-top: 5px;
    clear: both;
}

#addNewAddress .select-list select#state {
    width: 180px;
}

#productIndex div       {
        width: 280px;
        float: left;
        margin-left: 10px;
}

.rupeeimage {
        background: url(/images/rupee-symbol.png) no-repeat scroll 0 0 transparent; 
        height:14px;
        width:10px;
        margin:0px 5px;
}