WebSVN – SmartDukaan – /StoreWebsite/src/main/webapp/css/style.css

/*___ Wrapper ___*/

ul.product-description li{
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
}
#wrapper{
        width:712px;
        float:left;
}

#colorselector {
        font-size:12px;
        font-weight:normal;
    border: 1px solid #cfcfcf;
    vertical-align: middle;
    background-color: transparent;
}

option {
    border-bottom: 1px solid #ebdac0;
    border-right: 1px solid #d6bb86;
    border-left: 1px solid #d6bb86;
}
option:hover {
    cursor: pointer;
}

/*___ home page ___*/
#products{
        background:#fff;
}
#productBanner{width:736px;}

#products #bestDeals, 
#products #latestArrivals,
#products #bestSellers{
  padding: 20px;
}

/*** Ebizon changes for h1 ****/

.block-title{
        float:left;
        border-bottom:1px solid #ccc;
        width:100%;
}
.block-title a{
float:right;
 margin-top: 1px;
}
/*   -end  Ebizon changes for h1-  */

#products h1{
        color:#E47911;
        font-size:18px;
        padding-bottom:2px;
        float:left;
}
#products h1 a{
        font-size:11px;
        margin:0 0 0 15px;
        padding:0;
        float:right;
        margin: 4px 0px 0px 0px;
}
#products .productItem{
        float:left;
        width:161px;
        line-height:18px;
}
#products .productItem .productImg{
        height:130px;
        margin-bottom:5px;
        text-align: center;
}
#products .productItem .productImg img  {
        margin-top: 8px;
}

.productItem .offer {
        background: url(/images/IconOfferPack_ProdList.png) no-repeat scroll 0 0 transparent;
        height: 43px;
        width: 43px;
        margin-top: 8px;
        margin-left: 5px;
} 

#products .productItem .productDetails{
        height:125px;
        padding-left: 13px;
}

.nomargin {
        margin: 0px !important;
}

/** Ebizon changes provide class name "inside-content" for inline css **/
#products .productDetails .inside-content {
  padding-bottom: 5px;
}  
#products .productItem .productDetails .title{
        font-weight:bold;
        line-height:14px;
  padding-bottom: 10px;
}
#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:2px;
}
#products .productItem .productDesp ul{list-style:none;}
#products .spacing{
        float:left;
        width:32px;
        height:285px;
}

/*___ 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-sprite.png) no-repeat top right 0 -624px;
}
#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-sprite.png) no-repeat top right 0 -514px;
}

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

#productList .productListTop,
#productListing .productListTop{
        padding: 10px 16px 3px 16px;
        color:#333333;
        border-bottom:1px solid #ccc;
}
#productList .productListBottom,
#productListing .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,
#productListing .productListTop .productListResult{
        float:right;
        margin-right:15px;
}

#productListing .productListTop .productListResult{font-size:11px;}

#productList #otherTabContent .productListTop .productListResult .resultLimit,
#productListing .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,
#productListing .pagination2{
        float:right;
        font-size:11px;
        text-align:right;
}

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

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

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

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

#productListCenter2 .floatLeft,
#productListing .floatLeft{padding-left:60px;}
#productListCenter2 .floatRight,
#productListing .floatRight{padding-right:60px;}

#productList .productItem,
#productListing .productItem, #searchResultContent .productItem{
        position:relative;
        margin:16px 3px 16px 3px;
        width:249px;
}

#productList .productItem .offer-image, #searchResultContent .productItem .offer-image,
#productListing .productItem .offer-image{
        position:absolute; 
        left:50px;
}

#productList .productItem .productImg, #searchResultContent .productItem .productImg,
#productListing .productItem .productImg{
        float:left;
        width:90px;
        height:184px;
}
#productList .productItem .productImg .newIcon, #searchResultContent .productItem .productImg .newIcon,
#productListing .productItem .productImg .newIcon{
        position:absolute;
        top:-10px;
        left:-10px;
        width:38px;
        height:38px;
        background:url(../images/new-icon.png) no-repeat;
}

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

/*___ 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 .filterOption ul{list-style:none;}
#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 .filterHeading{
        cursor:pointer;
        margin:8px 0 18px 0;
        padding:8px 0 6px 5px;
        background:url(../images/filter-divider.gif) repeat-x top left;
}
#filterBy .filterArrow{
        float:left;
        margin:6px 6px 0 0;
    background:transparent url(../images/spriteme1.png) no-repeat scroll -10px -10px;
        width:11px;
        height:7px;
}
#filterBy .filterArrowRotate{
        float:left;
        margin:5px 6px 0 0;
    background:transparent url(../images/spriteme1.png) no-repeat scroll -10px -17px;
        width:11px;
        height:11px;
}

#filterBy .sectionHeader{
        float:left;
        font-size:12px;
        font-weight:bold;
        color:#666;
}
#filterBy .filterOption{
        clear:both;
        margin:0 0 25px 6px;
        max-height: 200px;
        overflow-y: auto;
}

#filterBy .filterOption ul{list-style:none;}
#filterBy .filterOption input{float:left;}
#filterBy .filterOption .clearLine{
        clear:both;
        margin-bottom:5px;
}

#filterBy .filterOption input{margin:3px 2px 0 0;}

#filterBy .filterOption label{
        display:block;
        margin-bottom:5px;
        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:535px;
        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,#browseContent .pagination1.moveTop{margin-top:-12px;}
#searchResult #sortBy, #browseContent #sortBy {
        float:right;
        margin:-12px 0 -10px 0;
        font-size:11px;
        color:#333;
        text-align:right;
}
#searchResult #sortBy a.active, #browseContent #sortBy a.active{
        color:#666666;
        font-weight:bold;
        text-decoration:none;
}

#searchResult #productListCenter{padding:10px 0;}
#searchResult #productListCenter .productItem{margin:10px 0 10px 0px;}

#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%;
}


/*___ Product Listing, Contact Us ___*/
#productListing .top,
#contactUs .top,
#forgetPass .top{background: #fff;}

#productListing .top .left,
#contactUs .top .left,
#forgetPass .top .left{background: url(../images/product-detail-top-left.jpg) no-repeat;}

#productListing .top .right,
#contactUs .top .right,
#forgetPass .top .right{
        line-height:5px;
        background: url(../images/product-detail-top-right.jpg) no-repeat top right;
}

#productListing .bottom,
#contactUs .bottom,
#forgetPass .bottom{background: #fff;}

#productListing .bottom .left,
#contactUs .bottom .left,
#forgetPass .bottom .left{background: url(../images/product-detail-bottom-left.jpg) no-repeat bottom left;}

#productListing .bottom .right,
#contactUs .bottom .right,
#forgetPass .bottom .right{
        line-height:5px;
        background: url(../images/product-detail-bottom-right.jpg) no-repeat bottom right;
}

#productListing .middle .content,
#contactUs .middle .content,
#forgetPass .middle .content{
        min-height:1000px;
        background: #fff;
}

/*___ Contact Us & forget password ___*/
#contactUs .middle .content{
        padding:20px 0; 
}

#forgetPass .middle .content{padding:20px 40px;}

#contactUs .imgTextBox,
#forgetPass .imgTextBox {
        height:27px;
        background:url(../images/textbox2-hor-bar.jpg) repeat-x;
}

#contactUs .imgTextBox .left,
#forgetPass .imgTextBox .left{background:url(../images/textbox2-left.jpg) no-repeat;}

#contactUs .imgTextBox .right,
#forgetPass .imgTextBox .right{padding:0 5px; background:url(../images/textbox2-right.jpg) no-repeat top right; min-height:27px;}

#contactUs .imgTextBox .textbox,
#forgetPass .imgTextBox .textbox{
        padding:4px 0;
        font-size:14px;
        border:none;
        background:none;
}

#contactUs .imgTextBox .textbox{width:100%;}
#forgetPass .imgTextBox .textbox{width:100%;}

#contactUs .imgTextBox.floatLeft{width:312px;}
#contactUs dl{margin:20px 0;}
#contactUs dt{
        padding:0 0 2px 50px;
        color:#666;
        border-bottom:1px solid #ccc;
}
#contactUs dd{
        margin:10px 0 30px 50px; 
        width:485px;
}
#contactUs dt.noBorder{border:none;}
#contactUs .style1{
        float:right;
        margin-left:10px;
        width:160px;
        font-size:11px;
        line-height:15px;
        color:#666;
}
#contactUs textarea{
        width:100%;
        height:150px;
}

#forgetPass dt{
        padding:0 0 2px 50px;
        color:#666;
}
#forgetPass dd{
        margin:10px 0 30px 50px;
        width:300px;
}
#forgetPass .spacing{margin-top:20px;}


#filterByTalkTime {
        
}
.filterOption li.zero_count, a.zero_count {
        color:grey;
}
.filterOption li.checked,  {
        font-weight:bold; 
}

a.mk_bold.mk_subcategory:hover,a.zero_count:hover {
        text-decoration:none;
}
a.zero_count:hover {
        color:grey;
}

ul.sub-category {
        padding-left: 6px;      
}
Subversion Repositories SmartDukaan

(root)/StoreWebsite/src/main/webapp/css/style.css @ 7515 – Rev 7323
