WebSVN – SmartDukaan – /trunk/Website/WebContent/css/style.css

/** 
  * Author                      : Raj Kumar Bharti
  * Creation Date       : 28 Oct 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, Arial, Helvetica, 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;
}

/*___ Menu ___*/
#menu{
        background:     url(../images/menu-hor-bar.jpg) repeat-x;
        height:32px;
        font-size:15px;
        font-weight:bold;
}
#menu ul{
        font-family:Arial,helvetica,sans-serif;
        margin-left:6px;
        list-style-type:none;
}
#menu li{
        float:left;
        margin:0 8px;
        display:block;
}
#menu .menuArrow{
        padding-right:17px;
        background:url(../images/down-arrow-white.jpg) no-repeat right 12px;
}
#menu a{
        color:#fff;
        text-decoration:none;
}
#menu a:hover{
        color:#fff;
        text-decoration:underline;
}

/*___ 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;
}
.signin, .signin1, .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;}


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

/*___ Wrapper ___*/
#wrapper{
        width:735px;
        float:left;
        margin-bottom:5px;
}
#productDetail{margin-bottom:4px;}
#productDetail .top{background: #fff;}
#productDetail .top .left{background: url(../images/product-detail-top-left.jpg) no-repeat;}
#productDetail .top .right{
        background: url(../images/product-detail-top-right.jpg) no-repeat top right;
        line-height:5px;
}

#productDetail .middle{background: #fff;}
#productDetail .middle .link{
        font-weight:bold;
        padding:5px 0 2px 45px;
        background:url(../images/right-arrow-blue.jpg) no-repeat 25px 9px;
        border-top:1px solid #ccc;
}
#productDetail .content{
        padding:0 10px 5px 25px;
}
#productDetail .content .blockLeft{
        float:left;
        width:400px;
        color:#333333;
}
#productDetail .blockLeft #breadcrumb{
        color:#5C6565;
        font-size:10px;
        font-weight:bold;
        line-height:10px;
}
#productDetail .blockLeft #breadcrumb a.deselect{
        color:#5C6565;
        text-decoration:none;
}
#productDetail .blockLeft #productHeading{
        margin-top:10px;
        font-size:18px;
        color:#030303;
}
#productDetail .blockLeft #productSubHeading{
        margin:-3px 0 12px 0;
        font-size:11px;
        font-weight:normal;
        color:#666666;
}
#productDetail .blockLeft #finalPrice{
        color:#990000;
        font-size:14px;
        font-weight:bold;
}

#productDetail .blockLeft .imgTextBox {
        float:left;
        width:80px;
        margin:0 5px;
}
#productDetail .blockLeft .imgTextBox .left{background:url(../images/textbox-left.jpg) no-repeat;}
#productDetail .blockLeft .imgTextBox .right{background:url(../images/textbox-right.jpg) no-repeat top right;}
#productDetail .blockLeft .imgTextBox .center{
        margin:0 5px;
        background:url(../images/textbox-hor-bar.jpg) repeat-x;
}
#productDetail .blockLeft .imgTextBox .textbox{
        padding:4px 0 4px 0;
        width:68px;
        font-size:14px;
        border:none;
        background:none;
}
#productDetail .blockLeft #shipTime{
        float:left;
        font-weight:bold;
}
#productDetail .blockLeft .img{
        float:left;
        margin:4px 0 0 2px;
}
#productDetail .content .blockRight{
        float:right;
        width:200px;
        margin-top:38px;
}
#productDetail .blockRight .bigImgButton{
        /*width:100px;*/
        width:105px;
        font-weight:bold;
}
#productDetail .blockRight .bigImgButton a{
        display:block;
        padding:3px 2px;
}
#productDetail .blockRight .button{
        cursor:pointer;
        margin-left:-4px;
        /*width:88px;*/
        width:90px;
        padding-top:5px;
        font-weight:bold;
        border:none;
        background:none;
}
#productDetail .blockRight #rating{
        padding-top:18px;
        font-size:14px;
        font-weight:bold;
}
#productDetail .blockRight #amazonRatingStar,
#productDetail .blockRight #shop2020RatingStar{
        float:left;
        margin-top:4px; 
        padding-left:5px;
}

#productDetail .blockRight #amazonRatingStar img,
#productDetail .blockRight #shop2020RatingStar img{float:left;}

#productDetail .bottom{background: #fff;}
#productDetail .bottom .left{background: url(../images/product-detail-bottom-left.jpg) no-repeat bottom left;}
#productDetail .bottom .right{
        background: url(../images/product-detail-bottom-right.jpg) no-repeat bottom right;
        line-height:5px;
}

/*___ products ___*/
#products{      
        margin-top:5px;
        min-height:1000px;
        background:#fff;
}
#productBanner{width:736px;}

#products #bestDeals, 
#products #latestArrivals,
#products #bestSellers{padding:35px 15px 15px 25px;}

#products h1{
        color:#E47911;
        font-size:18px;
        margin-bottom:12px;
        padding-bottom:2px;
        border-bottom:1px solid #ccc;
}
#products h1 a{
        font-size:11px;
        margin:0 0 0 15px;
        padding:0;
}
#products .productItem{
        float:left;
        width:148px;
        height:285px;
        line-height:18px;
}
#products .productItem .productImg{
        position:relative;
        height:140px;
        margin-bottom:5px;
}
#products .productItem .productImg img{
        position:absolute;
        bottom:0;
}
#products .productItem .productDetails{height:140px;}
#products .productItem .productDetails .title{
        font-weight:bold;
        line-height:14px;
}
#products .productItem .productDetails .originalPrice{
        text-decoration:line-through;
        font-size:11px;
}
#products .productItem .productDetails .newPrice{
        color:#990000;
        font-weight:bold;
        line-height:8px;
        padding:2px 0 4px 0;
}
#products .productItem .productDesp{
        font-size:11px;
        line-height:16px;
        padding-bottom:5px;
}
#products .productItem .productDesp ul{margin-left:13px;}
#products .spacing{
        float:left;
        width:32px;
        height:285px;
}

/*___ slideGuide ___*/
#slideGuide{margin-bottom:4px;}

/*___ ActionBar ___*/
#actionBar .left{background:url(../images/actionbar-left.jpg) no-repeat;}
#actionBar .right{background:url(../images/actionbar-right.jpg) no-repeat top right;}
#actionBar .center{
        margin:0 10px;
        height:28px;
        background:url(../images/actionbar-hor-bar.jpg) repeat-x;
}
#actionBar .blockLeft{
        float:left;
        width:240px;
}
#actionBar .blockLeft .smallImgButton{
        float:left;
        margin:4px 2px 0 2px;
        display:inline; /* IE6 bug fix */
}
#actionBar .blockLeft .smallImgButton .button{
        padding-top:3px;
        cursor:pointer;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:11px;
        border:none;
        background:none;
}
#actionBar .blockRight{
        float:right;
        width:370px;
        font-size:11px;
}
#actionBar .blockRight a{
        color:#000;
        text-decoration:none;
}
#actionBar .blockRight table{margin:1px -10px 0 0;}
#actionBar .blockRight td{
        vertical-align:top;
        padding-left:10px;
}
#actionBar .blockRight img{
        margin-top:2px;
        float:left;
}
#actionBar .blockRight span{
        float:left;
        margin:2px 4px 0 0;
        display:inline; /* IE 6 bug fix */
}
#actionBar .blockRight #facebookCount,
#actionBar .blockRight #twitterCount{
        font-size:10px;
        margin:3px 0 0 4px;
}
#actionBar .blockRight #askAFriend {width:100px;}
#actionBar .blockRight #askAFriend img,
#actionBar .blockRight #askAFriend span{float:right;}

#actionBar .blockRight #askAFriend span{
        width:76px;
        margin-left:-6px;
}

/*___ slideGuideContent ___*/
#slideGuideContent .top .left{background:url(../images/slideguide-content-top-left.jpg) no-repeat;}
#slideGuideContent .top .right{background:url(../images/slideguide-content-top-right.jpg) no-repeat top right;}
#slideGuideContent .top .center{
        margin:0 10px 0 155px;
        height:13px;
        background:url(../images/slideguide-content-top-center.jpg) repeat-x;
}

#slideGuideContent .middle {
        background:#fff;
        border-right:1px solid #ccc;
}
#slideGuideContent .middle .left{background:url(../images/slideguide-nav-ver-bar.jpg) repeat-y;}

#slideGuideContent .bottom .left{background:url(../images/slideguide-content-bottom-left.jpg) no-repeat;}
#slideGuideContent .bottom .right{background:url(../images/slideguide-content-bottom-right.jpg) no-repeat top right;}
#slideGuideContent .bottom .center{
        margin:0 10px 0 155px;
        height:4px;
        background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;
}

/*___ slideGuideNav ___*/
#slideGuideNav {
        margin-left:2px;
        float:left;
        display:inline; /* IE 6 bug fix */
        width:153px;
        font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size:12px;
}
#slideGuideNav ul{list-style:none;}
#slideGuideNav a span {
        display:block;
        width:105px;
}
#slideGuideNav a{
        display:block;
        padding:9px 0 9px 17px;
        color:#666666;
        text-decoration:none;
        line-height:18px;
        background:url(../images/slideguide-nav-arrow.jpg) no-repeat 133px -75px;
}
#slideGuideNav a:hover{
        color:#fff;
        text-decoration:none;
        background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px;        
}

/*___ slideGuideProduct ___*/
#slideGuideProduct{
        float:left;
        width:570px;
}
#slideGuideProduct h1{
        margin:26px 0 20px 8px;
        font-weight:normal;
}
#slideGuideProduct .modelName{margin-left:9px;}

/*___ Pincode ___*/
#servicePinCode .left{background:url(../images/pincode-left.jpg) no-repeat;}
#servicePinCode .right{background:url(../images/pincode-right.jpg) no-repeat top right;}
#servicePinCode .center{
        margin:0 16px;
        height:32px;
        padding: 8px 0 0 20px;
        background:url(../images/pincode-hor-bar.jpg) repeat-x;
}
#servicePinCode .imgTextBox {
        float:left;
        width:80px;
        margin:0 5px;
}
#servicePinCode .imgTextBox .left{background:url(../images/textbox-left.jpg) no-repeat;}
#servicePinCode .imgTextBox .right{background:url(../images/textbox-right.jpg) no-repeat top right;}
#servicePinCode .imgTextBox .center{
        margin:0 5px;
        padding:0;
        background:url(../images/textbox-hor-bar.jpg) repeat-x;
}
#servicePinCode .imgTextBox .textbox{
        width:68px;
        height:21px;
        font-size:14px;
        color:#999;
        border:none;
        background:none;
}
#servicePinCode .button{
        margin-top:1px;
        width:31px;
        height:21px;
        border:none;
        background:url(../images/buttons/go.jpg) no-repeat;
}

/*___ Phone reviews ___*/
#phoneReviews{margin-bottom:-6px;}
#phoneReviews .top .left{background:url(../images/review-top-left.jpg) no-repeat;}
#phoneReviews .top .right{background:url(../images/review-top-right.jpg) no-repeat top right;}
#phoneReviews .top .center{
        background:url(../images/review-top-hor-bar.jpg) repeat-x; 
        height:31px;
        margin:0 10px;
}
#phoneReviews .middle{
        color:#333;
        background:#fdfdfd;
        border-left:1px solid #ccc;
        border-right:1px solid #ccc;
        padding:1px 0; /* Bug fix*/
}
#phoneReviews h2{
        padding:5px 0 0 5px;
        font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size:18px;
        font-weight:normal;
}
#phoneReviews p{margin:10px 15px 15px 15px;}
#phoneReviews .bottom{margin-top:-10px;}
#phoneReviews .bottom .left{background:url(../images/review-bottom-left.jpg) no-repeat;}
#phoneReviews .bottom .right{background:url(../images/review-bottom-right.jpg) no-repeat top right;}
#phoneReviews .bottom .center{
        background:url(../images/review-bottom-hor-bar.jpg) repeat-x; 
        height:31px;
        margin:0 10px;
}
#phoneReviews .horLine{
        margin-top:-20px;
        border-bottom:1px solid #ccc;
}


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

/*___ Product Category ___*/
#productHeading2{
        margin:11px 0 6px 0;
        font-size:24px;
        color:#000;
}

/*___ Product Category : Product List ___*/
#productCat .top{
        line-height:5px;
        background:#fff;
}
#productCat .top .left{
        float:left;
        width:174px;
        background:#efeff0;
}
#productCat .top .right{
        float:right;
        width:5px;
        background: url(../images/product-detail-top-right.jpg) no-repeat top right;
}
#productCat .bottom{
        line-height:5px;
        background:#fff;
}
#productCat .bottom .left{
        background: url(../images/product-cat-bottom-left.jpg) no-repeat;
}
#productCat .bottom .right{
        background: url(../images/product-detail-bottom-right.jpg) no-repeat top right;
}

#productCat .middle .content{
        background:#fff url(../images/grey-ver-bar.gif) repeat-y;
        min-height:1000px;
}
#productCat #productList{
        float:left;
        width:562px;
        margin-left:1px;
}

#productList .productListTop{
        padding:10px 16px 12px 16px;
        color:#333333;
        border-bottom:1px solid #ccc;
}
#productList .productListBottom{
        margin-top:-10px;
        padding:10px 16px 12px 16px;
        color:#333333;
        border-top:1px solid #ccc;
}
#productList .productListTop .productListHeading{
        float:left;
        color:#000;
        font-size:18px;
        font-weight:bold;
}
#productList .productListTop .productListResult{
        float:left;
        font-size:11px;
}
#productList #otherTabContent .productListTop .productListResult{
        float:right;
        margin-right:15px;
}
#productList #otherTabContent .productListTop .productListResult .resultLimit{
        color:#333;
        font-size:11px;
        font-weight:normal
}
#productList .productListTop .productListResult .resultLimit{
        color:#900;
        font-size:18px;
        font-weight:bold;
}
#productList .productListTop .productListResult .style1{font-weight:bold;}

#productList .pagination1,
#productList .pagination2{
        float:right;
        font-size:11px;
        text-align:right;
}

#productList .pagination1 .prev,
#productList .pagination2 .prev{margin-right:10px;}

#productList .pagination1 .next,
#productList .pagination2 .next{margin-left:10px;}

#productList .pagination1 a, 
#productList .pagination2 a, 
#productList .pagination1 span,
#productList .pagination2 span{margin:0 1px; padding:0 1px;}

#productList .pagination1 span,
#productList .pagination2 span{color:#666;}

#productList .productItem{
        position:relative;
        margin:16px;
        width:249px;
/*      height:210px;   */
}
#productList .productItem .productImg{
        float:left;
        width:90px;
        height:184px;
}
#productList .productItem .productImg .newIcon{
        position:absolute;
        top:-10px;
        left:-10px;
        width:38px;
        height:38px;
        background:url(../images/new-icon.png) no-repeat;
}

#productList .productItem .productDetails{
        float:left;
        margin-left:10px;
        width:149px;
        height:189px;
}
#productList .productItem .title{
        margin-bottom:8px;
        font-weight:bold;
        line-height:14px;
}
#productList .productItem .productDetails .originalPrice{
        text-decoration:line-through;
        font-size:11px;
}
#productList .productItem .productDetails .newPrice{
        color:#990000;
        font-weight:bold;
        line-height:8px;
        padding:2px 0 10px 0;
}
#productList .productItem .productDesp{
        margin-bottom:8px;
        font-size:11px;
        line-height:18px;
}
#productList .productItem .productDesp ul{margin-left:12px;}


/*___ Product Category : Multifaceted Search ___*/
#multifacetedSearch{
        float:left;
        width:172px;
        padding:10px 0;
        line-height:18px;
}
#multifacetedSearch h2{
        margin:0 0 8px 10px;
        font-size:14px;
        font-weight:bold;
        color:#333;
}
#currentFilters{
        padding:0 0 10px 20px;
        background:url(../images/filter-divider.gif) repeat-x bottom left;
}

#currentFilters .sectionHeader{
        font-size:12px;
        font-weight:bold;
        color:#666;
}
#currentFilters .filterOption{
        font-size:11px;
        color:#333;
}
#currentFilters div.filterContent{margin-left:30px;}
#currentFilters .filterClose{
        font-size:9px;
        font-weight:bold;
}

#filterBy .bottomBorder{
        background:url(../images/filter-divider.gif) repeat-x top left;
}

#filterBy h2{margin:20px 0 0 10px;}
#filterBy .filterHeading{
        cursor:pointer;
        margin:8px 0 18px 0;
        padding:8px 0 6px 15px;
        background:url(../images/filter-divider.gif) repeat-x top left;
}
#filterBy .filterArrow{
        float:left;
        margin:6px 6px 0 0;
        background:url(../images/filter-arrow.gif) no-repeat;
        width:11px;
        height:7px;
}
#filterBy .filterArrowRotate{
        float:left;
        margin:5px 6px 0 0;
        background:url(../images/filter-arrow.gif) no-repeat 0 -7px;
        width:11px;
        height:11px;
}

#filterBy .sectionHeader{
        float:left;
        font-size:12px;
        font-weight:bold;
        color:#666;
}
#filterBy .filterOption{
        clear:both;
        margin:0 0 25px 34px;
}

/*
#filterBy .filterOption input,
#filterBy .filterOption a,
#filterBy .filterOption span{float:left;}
*/
#filterBy .filterOption input {float:left;}

#filterBy .filterOption input{margin:3px 8px 0 0;}
/*
#filterBy .filterOption a,
#filterBy .filterOption label{
        display:block;
        margin-bottom:5px;
}
*/
#filterBy .filterOption label{
 display:block;
 margin-bottom:5px;
}
#filterBy .filterOption label{
        clear:both;
        color:#0066cc;
        padding:7px 0;
}
#filterBy .filterOption label a{margin:0;}
#filterBy .filterOption .noColor{
        margin-left:4px;
        color:#666;
}

#filterBy #priceSlider{padding-top:10px;}
#filterBy #priceSlider #slider-range{
        margin:0 auto;
        width:120px;
}
#filterBy #priceSlider #priceRange1,
#filterBy #priceSlider #priceRange2{
        float:left;
        position:relative;
        color:#666;
}
#filterBy #priceSlider #priceRange1{margin-left:5px;}
#filterBy #priceSlider #priceRange2{margin-left:-22px;}

/*___ Search Result ___*/
#pageTitleBox{margin-left:-15px;}
#errorMsg{
        font-size:14px;
        color:#990000;
}
#errorMsg a{font-weight:bold;}
#resultFound{
        padding:5px 0;
        font-size:12px;
        font-weight:bold;
}
#resultFound .normalColor{color:#333;}
#resultFound .redColor{color:#900;}
#relatedSearches{
        color:#666;
        font-size:11px;
        line-height:14px;
}
#searchResult .top{
        line-height:5px;
        background:#fff;
}
#searchResult .top .left{
        float:left;
        width:174px;
        background:url(../images/search-result-top-left.gif) no-repeat;
}
#searchResult .top .right{
        float:right;
        width:10px;
        background: url(../images/product-detail-top-right.jpg) no-repeat top right;
}
#searchResult .bottom{
        line-height:5px;
        background:#fff;
}
#searchResult .bottom .left{
        background: url(../images/product-cat-bottom-left.jpg) no-repeat;
}
#searchResult .bottom .right{
        background: url(../images/product-detail-bottom-right.jpg) no-repeat top right;
}

#searchResult .middle .content{
        background:#fff url(../images/grey-ver-bar.gif) repeat-y;
        min-height:1000px;
}
#searchResult #searchResultContent{
        float:left;
        width:562px;
        margin-left:1px;
}
#searchResult .productListTop{
        padding:10px 16px 12px 16px;
        color:#333333;
        border-bottom:1px solid #ccc;
}
#searchResult .productListBottom{
        margin-top:-10px;
        padding:10px 16px 12px 16px;
        color:#333333;
        border-top:1px solid #ccc;
}
#searchResult .productListTop .productListHeading{
        float:left;
        color:#000;
        font-size:18px;
        font-weight:bold;
}
#searchResult .productListTop .productListResult{
        float:left;
        font-size:11px;
}

#searchResult .productListTop .productListResult .resultLimit{
        color:#900;
        font-size:18px;
        font-weight:bold;
}
#searchResult .productListTop .productListResult .style1{font-weight:bold;}

#searchResult .pagination1{
        float:right;
        font-size:11px;
        text-align:right;
}

#searchResult .pagination1 .prev{margin-right:10px;}
#searchResult .pagination1 .next{margin-left:10px;}

#searchResult .pagination1 a,
#searchResult .pagination1 span{margin:0 1px; padding:0 1px;}

#searchResult .pagination1 span{color:#666;}

#searchResult .pagination1.moveTop{margin-top:-12px;}
#searchResult #sortBy{
        float:right;
        margin:-12px 0 -10px 0;
        font-size:11px;
        color:#333;
        text-align:right;
}
#searchResult #sortBy a.active{
        color:#666666;
        font-weight:bold;
        text-decoration:none;
}

#searchResult #productListCenter{padding:10px 0;}
#searchResult #productListCenter .productItem{margin:10px 0 10px 15px;}
#searchResult #productListCenter .productItem .productImg{
        position:relative;
        float:left;
        width:103px;
        text-align:center;
}
#searchResult #productListCenter .productItem .productImg .newIcon{
        position:absolute;
        top:-12px;
        left:auto;
        margin-left:-12px;
        width:38px;
        height:38px;
        background:url(../images/new-icon.png) no-repeat;
        
}
#searchResult #productListCenter .productItem .productDetails{
        float:left;
        margin-left:15px;
        width:224px;
}
#searchResult #productListCenter .productItem .title{
        font-weight:bold;
        line-height:14px;
}
#searchResult #productListCenter .productItem .productDesp{
        font-size:11px;
        line-height:18px;
        margin-top:5px;
}
#searchResult #productListCenter .productItem .productDesp ul{margin-left:12px;}
#searchResult #productListCenter .productItem .productPrice{
        float:left;
        margin-left:15px;
        width:97px;
}
#searchResult #productListCenter .productItem .productPrice .originalPrice{
        text-decoration:line-through;
        font-size:11px;
}
#searchResult #productListCenter .productItem .productPrice .newPrice{
        color:#990000;
        font-weight:bold;
        line-height:8px;
        padding:2px 0 10px 0;
}
#searchResult #productListCenter .productItem .productDetailsIcon{
        float:left;
        margin-left:15px;
        width:65px;
}
#searchResult #productListCenter .searchResultBorder{
        line-height:10px;
        background:url(../images/search-result-border.jpg) no-repeat 0 50%;
}

#productListCenter2 .floatLeft{margin-left:70px;}
#productListCenter2 .floatRight{margin-right:70px;}

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

/*___ 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 {
        color:#000;
        font-weight:bold;
}

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

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

#main .bigImgButton .center,
#signin_menu .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{
        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;}
Subversion Repositories SmartDukaan

(root)/trunk/Website/WebContent/css/style.css @ 545 – Rev
