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

/*___ Wrapper ___*/

ul.product-description li{
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
/*      
 -moz-binding: url(./ellipsis.xml#ellipsis);
*/
}
#wrapper{
        width:735px;
        float:left;
        /*margin-bottom:5px;*/
}
#productDetail{margin-bottom:4px;}
#productDetail .top{background: #fff; }
#productDetail .top .left{background: url(../images/product-sprite.png) no-repeat 0 -569px;}
#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;*/ width:460px; /* by ebizon */
        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;
}


#colorselector {
        font-size:12px;
        font-weight:normal;
    border: 1px solid #cfcfcf;
    vertical-align: middle;
    background-color: transparent;
        /*
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 5px #cfcfcf inset;
    */
}

option {
   /** background-color: #fef5e6;  remove by ebizon **/
    border-bottom: 1px solid #ebdac0;
    border-right: 1px solid #d6bb86;
    border-left: 1px solid #d6bb86;
}
option:hover {
    cursor: pointer;
}

#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 .mrpPrice{
        font-size:14px;
        text-decoration: line-through;
}

#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{

        width:68px;
        /*
        padding:4px 0 4px 0;    
        font-size:14px;
        border:1px solid #ccc;
        background:none; by ebizon*/
}
#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-sprite.png) no-repeat 0 -459px;}
#productDetail .bottom .right{
        background: url(../images/product-detail-bottom-right.jpg) no-repeat bottom right;
        line-height:5px;
}

/*___ home page ___*/
#products{      
        /*margin-top:5px;*/
        padding-bottom:10px;
        /*min-height: 1000px;*/
        min-height:780px;
        background:#fff;
}
#productBanner{width:736px;}

#products #bestDeals, 
#products #latestArrivals,
#products #bestSellers{
  /*padding:35px 15px 15px 25px;*/
  padding: 20px; /*** Ebizon changes to equal padding ****/
}

/*** 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;
        /* margin-bottom:12px;  */   /* by ebizon */
        float:left;  /* by ebizon */
        /* border-bottom:1px solid #ccc;  */   /* by ebizon */
}
#products h1 a{
        font-size:11px;
        margin:0 0 0 15px;
        /*margin:0 0 0 15px;*/
        padding:0;
        float:right; /*** Ebizon changes to move the link to right ***/
        margin: 4px 0px 0px 0px; /** Ebizon Changes for remove bottom space *****/
}
#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;
padding-bottom: 5px; /** Ebizon changes for inline css **/
}
/** 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; /** Ebizon changes for inline css **/
}
#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{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:562px;
        margin-left:1px;
}

#productList .productListTop,
#productListing .productListTop{
        /*padding:10px 16px 12px 16px;*/
        padding: 10px 16px 3px 16px;/** Ebizon changes for make bottom line align with filter bottom line image ****/
        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:70px;}
#productListCenter2 .floatRight,
#productListing .floatRight{padding-right:70px;}

#productList .productItem,
#productListing .productItem{
        position:relative;
        margin:16px;
        width:249px;
        /*height:210px;*/
}

#productList .productItem .productImg,
#productListing .productItem .productImg{
        float:left;
        width:90px;
        height:184px;
}
#productList .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,
#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,
#productListing .productItem .productDetails .originalPrice{
        text-decoration:line-through;
        font-size:11px;
}
#productList .productItem .productDetails .newPrice,
#productListing .productItem .productDetails .newPrice{
        color:#990000;
        font-weight:bold;
        line-height:8px;
        padding:2px 0 10px 0;
}
#productList .productItem .productDesp,
#productListing .productItem .productDesp{
        margin-bottom:8px;
        font-size:11px;
        line-height:18px;
}
#productList .productItem .productDesp ul,
#productListing .productItem .productDesp ul{list-style:none;}

/* 
#productList .productItem .productDetails .newPrice{
  float:left;
  clear:left; 
}by ebizon */
/*
ul.product-description li{
        background-image:url(../images/black-bullet.jpg);
        background-position:0 7px;
        background-repeat:no-repeat;
  padding-left:8px;
}
.best-deals ul.product-description li ,
.latest-arrival ul.product-description li {
list-style:none !important;
background:none;
padding-left:0;
}
*/
/*___ 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 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: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 34px;
}

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

#filterBy .filterOption input{margin:3px 8px 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: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{list-style:none;}

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


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

/* 24 march for safari 

@media screen and (-webkit-min-device-pixel-ratio:0)
{
#productDetail .middle{min-height:63px;}
}
*/
Subversion Repositories SmartDukaan

(root)/trunk/Website/src/main/webapp/css/style.css – Rev 3377
