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-family:Verdana, Verdana, Geneva, sans-serif;
        font-size:12px;
        color:#000;
        line-height:20px;
        background:#555;
}

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:#0066CC;
        text-decoration:none;
}
a:hover{
        color:#0066CC;
        text-decoration:underline;
}

a img {border:0;}

input, select, textarea{outline:none;}

/*___ Header ___*/
#header{background:#fdfdfd;}
#header .content{
        width:980px;
        margin:0 auto;
        padding:10px 0 7px 0;
}

#logo{
        float:left;
        margin-left:15px;
}

#headerRight{
        float:right;
        width:700px;
        margin-top:25px;
        font-weight:bold;
        font-size:11px;
        color:#999;
}
#welcome_msg{
        float:right;
        width:250px;
        margin-right:10px;
        text-align:right;
        color:#010101;
}
#headerRight #login_span{
        float:right;
        color:#0066cc;
}
.facebook{
        padding:3px 25px 5px 0;
        /*background:url(../images/buttons/facebook-header.jpg) no-repeat 68px 0px;*/
        background:url(../images/buttons/facebook-header.jpg) no-repeat top right;
}
#subscribe{
        float:left;
        margin:5px 0 0 107px;
        padding:2px 0;
        color:#666;
        border-right:1px solid #848484;
}
#subscribe span{margin-right:6px;}
#subscribe input, #subscribe span{float:left;}
#subscribe .textbox{
        width:205px;
        margin-right:3px;
        padding:3px;
        height:14px;
        color:#999;
        font-size:11px;
        border:1px solid #848484;
}
#subscribe .button{
        background:url(../images/buttons/go.jpg) no-repeat;
        border:none;
        width:31px;
        height:21px;
        margin:1px 6px 0 0;
}

#facebookFindUsOn{
        float:right;
        margin-top:5px;
        width:104px;
}

/*___ Main ___*/
#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 436px;
        padding:0;
        font-weight:normal;
        border:none;
}
#signin_menu .top{
        line-height:16px;
        background:url(../images/notification-top.png) no-repeat;
}

#signin_menu .middle{
        background:url(../images/notification-ver-bar.png) repeat-y;
}

#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 .textbox{
        padding:5px 0;
        width:100%;
        text-align:left;
        font-size:11px;
        background:#f8f8f8;
        border:1px solid #b5b5b5;
}
#signin_menu .middle .bigImgButton{float:right;}
#signin_menu .middle .button{
        cursor:pointer;
        margin-top:5px;
        font-size:14px;
        font-weight:bold;
        border:none;
        background:none;
}
#headerRight .signin, 
#headerRight .signin1, 
#headerRight .menu-open{
        padding-right:18px;
        /*background:url(../images/down-arrow-blue.jpg) no-repeat 50px 3px;*/
        background:url(../images/down-arrow-blue.jpg) no-repeat 100% 3px;
}
#signin_menu .bottom{
        height:65px;
        background:url(../images/signin-bottom.png) no-repeat bottom left;
}
#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;}
#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;
}
#search .dropdown{
        float:left;
        height:28px;
        margin-right:5px;
        font-size:14px;
        border:1px solid #848484;
        background:#fff;
}
#search .button{
        cursor:pointer;
        width:80px;
        padding:4px 0 2px 0;
        font-weight:bold;
        background:none;
        border:none;
}

#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;
        margin-top:4px;
}

/*___ 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;
}
#customerService h2{
        padding:2px 0 0 5px;
        font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size:14px;
        height: 26px;
        background:url(../images/customer-service-hor-bar.jpg) repeat-x;
}
#customerService #customerPhone,
#customerService #customerPhone img,
#customerService #customerPhone span{float:left;}
#customerService #customerPhone span{margin-top:10px;}

/*___ 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 span{background:url(images/error_success_icon.png);}
#messageSuccess span{background:url(images/error_success_icon.png) 0 -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;}


/*___ Footer ___*/
#footer{
        background:#fff;
        padding:10px 0;
}
#footer .content {
        width:980px;
        margin:0 auto;
}
#footer ul{
        float:left;
        list-style-type:none;
        color:#0066cc;
}
#footer li{
        float:left;
        margin-right:10px;
}
#footer #copyright{
        float:right;
        color:#666;
        font-size:10px;
}

/*___ Yellow Buttons & Disable buttons ___*/
#main .bigImgButton, 
#signin_menu .bigImgButton,
#colorbox .bigImgButton {
        color:#000;
        font-weight:bold;
}

#main .bigImgButton .left,
#signin_menu .bigImgButton .left,
#colorbox .bigImgButton .left{background:url(../images/buttons/big-button-left.jpg) no-repeat;}

#main .bigImgButton .right,
#signin_menu .bigImgButton .right,
#colorbox .bigImgButton .right{background:url(../images/buttons/big-button-right.jpg) no-repeat top right;}

#main .bigImgButton .center,
#signin_menu .bigImgButton .center,
#colorbox .bigImgButton .center{
        margin:0 10px;
        background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
        height:28px;
}
#main .bigImgButton a,
#signin_menu .bigImgButton a,
#colorbox .bigImgButton a{
        color:#000;
        text-decoration:none;
}

#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;
}
#tabButton .tabButton1{ float:left;}
#tabButton .tabButton2 {float:right;}

#tabButton .spacing{
        float:right;
        width:12px; 
}
#tabButton .spacing2{
        float:right;
        width:3px; 
}
#tabButton .tabButton1{margin:0 10px;}
#tabButton .tabButton1 a,
#tabButton .tabButton1 span{display:block;}

#tabButton .tabButton1 a{
        color:#333;
        text-decoration:none;
        
        cursor:pointer;
        background:url(../images/tab1-btn-hor-bar.png) repeat-x;
}

#tabButton .tabButton1 a span{
        margin-left:-10px;
        background:url(../images/tab1-btn-left.png) no-repeat;
}

#tabButton .tabButton1 a span span{
        margin-right:-10px;
        background:url(../images/tab1-btn-right.png) no-repeat top right;       
        
        padding:2px 18px 0 28px;
        height:22px;
}

#tabButton .tabButton1 a:hover,
#tabButton .tabButton1 a#activeTab{
        color:#333;
        text-decoration:none;
        background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
}
#tabButton .tabButton1 a:hover span,
#tabButton .tabButton1 a#activeTab span{
        background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
}
#tabButton .tabButton1 a:hover span span,
#tabButton .tabButton1 a#activeTab span span{
        background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
}

#tabButton .tabButton2{margin:0 10px;}
#tabButton .tabButton2 a,
#tabButton .tabButton2 span{display:block;}

#tabButton .tabButton2 a{
        color:#333;
        text-decoration:none;
        
        cursor:pointer;
        background:url(../images/tab2-btn-hor-bar.png) repeat-x;
}

#tabButton .tabButton2 a span{
        margin-left:-10px;
        background:url(../images/tab2-btn-left.png) no-repeat;
}

#tabButton .tabButton2 a span span{
        margin-right:-10px;
        background:url(../images/tab2-btn-right.png) no-repeat top right;       
        
        padding:2px 18px 0 28px;
        height:22px;
}

#tabButton .tabButton2 a:hover,
#tabButton .tabButton2 a#activeTab{
        color:#333;
        text-decoration:none;
        background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
}
#tabButton .tabButton2 a:hover span,
#tabButton .tabButton2 a#activeTab span{
        background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
}
#tabButton .tabButton2 a:hover span span,
#tabButton .tabButton2 a#activeTab span span{
        background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
}

/*___ 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;}