Subversion Repositories SmartDukaan

@charset "utf-8";


/* HomePage */


body {
        margin:0;
        padding:0;
        text-decoration:none;
        font-family: Arial, Helvetica, sans-serif;
}

h1 h2 h3 h4 h5 h6 {padding:0; margin:0}

a { text-decoration:none;
}

ul li {
        list-style:none;
}

p {
        font-size:12px;
        color:#000;
        text-align:left justify;
}



.leftFloat {
        float:left;
}

.rightFloat {
        float:right;
}

.navContainer {
        width:100%;
        height:auto;
        background-color:#ffce00;
        margin:0;
        padding:0;
}

.navContainer_inside {
        width:980px;
        height:80px;
        margin:0 auto;
}

.logoContainer {
        width:auto;
        height:auto;
        float:left;
}

.navList {
        float:right;
        list-style:none;
        margin:0;
        padding:0;
        display:inline-block;
        
}

.navList_link {
        display: inline-block;
        width:120px;
        height:80px;
        color:#000;
        text-align:center;
        float:left;
        line-height:80px;
        font-size:12px;
}

.navList_float {
        float:left
}

.navList_link:hover {
        display: inline-block;
        width:120px;
        height:80px;
        color:#ffce00;
        text-align:center;
        float:left;
        line-height:80px;
        font-size:12px;
        background-color:#000;
}

.searchMaxContainer {
        width:100%;
        height:80px;
        background-color:#999;
        margin:0 auto;
}

.searchContainer {
        width:980px;
        height:50px;
        margin:0 auto;
}

.searchTextArea {
        width:830px;
        height:50px;
        padding-left:10px;
        font-size:12px;
        color:#666;
        text-transform:uppercase;
        margin-top:15px;
        border:none;
}

.searchButton {
        width:130px;
        height:50px;
        background-color:#ffce00;
        color:#000;
        padding:0px;
        border:none;
        margin-top:15px;
}

.slideContainer {
        width:100%;
        height:auto;
}

.slideMain_01 {
        width:100%;
        height:auto;
        z-index:-1;
}

/*---Not Used for now--*/
.slideArrowContainer {
        width:100%;
        height:40px;
        padding-top:-350px;
}
/*---Not Used for now--*/

.mobileContentArea {
        width:980px;
        height:250px;
        margin:0 auto;
        padding:0;
        border-bottom:dotted 1px #999999;
}

.mobileArea_ulList {
        list-style:none;
        margin:0;
        padding:0;
}

.mobileArea_liList {
        width:160px;
        height:250px;
        display:inline;
        float:left;
        text-align:center;
        padding:0;
        margin:0;
}

.aboutHotspot_HomeContainer {
        width:980px;
        height:580px;
        margin:0 auto;
        padding-top:20px;
}

.socialmedia_Container {
        width:980px;
        height:auto;
        margin:0 auto;
}

.facebook_Container {
        width:480px;
        height:300px;
        margin-right:10px;
        margin-bottom:30px;
        float:left;
}

.youtube_Container {
        width:480px;
        height:300px;
        float:left;
        margin-left:10px;
        margin-bottom:30px;
}

.generalContainer_home {
        width:980px;
        height:auto;
        margin:0 auto;
}

.footer_ContainerMax {
        width:100%;
        height: auto;
        padding-bottom:50px;
        background-color:#000;
        float:left;
        padding-bottom:20px;
}

.footer_ContainerMin {
        width:980px;
        margin:0 auto;
}

.footer_ulContrainer {
        width:180px;
        display:inline;
        float:left;
        margin-right:20px;      
}

.footer_ulList {
        font-size:12px;
        line-height:25px;
        margin:0;
        padding:0;      
}

.footer_bottom_01 {
        width:100%;
        height:40px;
         background-color:#ffce00;
         float:left;
}

.footer_bottom_02 {
        width:980px;
        height:40px;
        margin:0 auto;
        text-align:left;
        color:#000;
        font-size:10px;
        line-height:40px;
}


/* Product Page */

.productPage_upperContainer {
        width:980px;
        height:600px;
        margin:0 auto;
        padding-top:30px;
}

.productPage_imageContainer {
        width:500px;
        height:600px;
        float:left;
}

.imageThumbnail_ul {
        float:left;
        width:500px;
        height:100px;
        list-style:none;
        margin-top:20px;
}

.imageThumbnail_li {
        width:70px;
        height:100px;
        display:inline;
        float:left;
        border: solid 1px #CCCCCC;
}

.productPage_mainDescriptionContainer {
        width:420px;
        height:540px;
        float:left;
        background-color:#eeeeee;
        padding:30px;
}

.sup_New {
        color:#F00;
        font-size:14px;
}

.productPage_listDesciption {
        padding:0;
        padding-bottom:10px;
        margin:0;
        font-size:13px;
        line-height:25px;
        list-style:decimal;
}

.productPage_enquireButton {
        width:200px;
        height:50px;
        border:none;
        background-color:#000;
        color:#ffcf01;
        font-size:16px;
        margin-top:20px;
}

.productPage_specificationsContainer {
        width:980px;
        height:auto;
        margin:0 auto;
        padding-top:20px;
        padding-bottom:30px;
}

.productPage_specificationsTitleContainer {
        width:100%;
        height:50px;
        background-color:#000;
}

.productPage_specificationsTitle {
        color:#FFF;
        line-height:50px;
        margin-left:20px;
}

.productPage_specificationsli_Container01 {
        width:100%;
        height:auto;
        background-color:#eeeeee;
        padding-top:10px;
        padding-bottom:10px;
}

.productPage_specificationsli01 {
        padding:0;
        margin-left:20px;
        background-color:#eeeeee;
        font-size:13px;
        line-height:20px;
}

.productPage_specificationsTable {
        width:100%;
        height:auto;
        background-color:#eeeeee;
        padding-top:10px;
        padding-bottom:10px;
}

.productPage_specificationsTable_left {
        width:25%;
        padding-left:20px;
        background-color:#eeeeee;
        font-size:13px;
        line-height:20px;
}

.productPage_specificationsTable_right {
        width:75%;
        padding-left:20px;
        background-color:#eeeeee;
        font-size:13px;
        line-height:20px;
}


/* Search Page */

.seachContent_mainContainer {
        width:980px;
        height:auto;
        margin:0 auto;
}

.filterContainer {
        width:250px;
        background-color:#000;
        float:left;
        margin-top:20px;
        margin-bottom:20px;
        padding-bottom:40px;
}

.filterMaintitle {
        color:#FFF;
        margin-left:20px;
}

.filterList_ul {
        color:#FFF;
        margin-left:20px;
        font-size:12px;
        padding-left:0;
        padding-bottom:15px;
        line-height:30px;
        border-bottom:#FFF 1px dotted;
        width:200px;
}

.filterList_secondTitle {
        text-transform:uppercase;
        font-size:14px;
}

.filterList_secondTitle_liColor {
        color:#FFF;
}

.filterList_checkBox {
        margin-right:10px;
}

.searchResults_container {
        width:730px;
        min-height:1000px;
        background-color:#FFF;
        margin-bottom:20px;
        float:left;
}

.searchResults_titleCtainer {
        width:730px;
        height:auto;
        float:left;
}

.searchResults_title {
        margin:0;
        padding:0;
        margin-top:20px;
        margin-bottom:5px;
        font-size:16px;
        text-align:center;
}

.searchResults_productContainer {
        width:228px;
        min-height:250px;
        float:left;
        border-bottom:#CCC 1px dotted;
        margin-left:10px;
        margin-right:5px;
}

.searchResults_productul {
        margin:0 auto;
        padding:0;
        text-align:center;
}

.searchResults_liImage {
        margin-top:20px;
}

.searchResults_liproductName {
        margin:0;
        padding-top:20px;
        font-size:14px;
        color:#000;
}

.searchResults_lisubName {
        margin:0;
        padding-bottom:15px;
}

.searchResults_enquirebutton {
        width:100px;
        height:30px;
        background-color:#ffcf01;
        color:#000;
        padding-top:5px;
        margin:0;
        border:0;
        font-size:11px;
        text-align:center;
}

.breadcrumb_pagelink {
        text-align:center;
        margin:0;
        padding-bottom:20px;
        font-size:10px;
        color:#000;
}

.breadcrumb_pagelink:active {
        text-align:center;
        margin:0;
        padding-bottom:20px;
        font-size:10px;
        color:#000;
        font-weight:bolder;
}

.breadcrumb_pagelink:hover {
        text-align:center;
        margin:0;
        padding-bottom:20px;
        font-size:10px;
        color:#000;
        font-weight:bolder;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.product-description{
        list-style: none;
}

.productDesp {
    font-size: 11px;
    line-height: 16px;
    padding-bottom: 2px;
}

.aboutus_Container {
        width:980px;
        height:auto;
        margin:0 auto;
        text-align:center;
}

.aboutus_Image {
        margin-top:30px;
        margin-bottom:30px;
}

.aboutus_Paragraph {
        padding-bottom:30px;
        display:block;
        margin:0 auto;
        font-size:14px;
}

.career_Container {
        width:980px;
        height:auto;
        margin:0 auto;
        text-align:center;
        margin-top:30px;
}

.career_Paragraph {
        font-size:14px;
}

.career_Paragraph_highlight {
        font-size:16px;
        font-weight:bolder;
}

.career_Ul {
        width:490px;
        height:auto;
        float:left;
        margin:0;
        padding:0;
        text-transform:uppercase;
        font:14px;
}

.career_LI01 {
        margin-top:10px;
        margin-bottom:30px;
}

.career_LI02 {
        width:490px;
        height:auto;
        float:left;
        margin:0; padding:0;
        text-transform:uppercase;
        font:14px;
}

.contactUs_Container {
         width:980px;
         height:auto;
         margin:0 auto;
}

.contactUs_Image {
        margin-top:30px;
        margin-bottom:10px;
}

.contactUs_formContainer {
        width:980px;
        height:500px;
        margin:0 auto;
}

.contactUs_formContainerLeft {
        width:200px;
        height:auto;
        float:left;
        margin-bottom:30px;
        margin-top:30px;
}

.contactUs_formUL {
        margin:0;
        padding:0;
        font-size:12px;
        line-height:35px;
}

.contactUs_formContainerRight {
        width:400px;
        height:auto;
        float:left;
        margin-bottom:30px;
        margin-top:30px;
}

.contactUs_TextArea {
        width:250px;
        height:150px;
}

.contactUs_submit {
        width:100px;
        height:40px;
        background-color:#ffce00;
        color:#000;
        border:none;
}

.offerPage_container {
        width:980px;
        height:auto;
        margin:0 auto;
        text-align:center;
}

.offerPage_heading {
        margin-top:30px;
}

.offerPage_ContainerLeft {
        width:480px;
        height:auto;
        float:left;
        margin-top:20px;
        margin-bottom:40px;
}

.offerPage_font14 {
        font-size:14px;
}

.offerPage_ContainerRight {
        width:480px;
        height:auto;
        float:left;
        margin-left:20px;
        margin-top:20px;
        margin-bottom:40px;
}

.offerPage_AlltimeOffers {
        margin-top:30px;
}

.offerPage_AlltimesLeft {
        width:310px;
        height:300px;
        margin-right:20px;
        float:left;
        background-color:#ea4a98;
        margin-bottom:30px;
        border-radius:25px;
}

.offerPage_alltimesHeadline01 {
        width:310px;
        background-color:#e0e0df;
        padding-top:10px;
        padding-bottom:10px;
        text-transform:uppercase;
}

.offerPage_alltimes_marginBottomg10 {
        margin-bottom:10px;
}

.offerPage_offercontentLeft {
        color:#FFF;
        font-size:16px;
        font-weight:bolder;
        margin:0;padding:0;
}

.offerPage_offerContentBig {
        color:#FFF;
        font-size:24px;
        font-weight:bolder;
        padding:0;
        margin:0;
}

.offerPage_AlltimesMiddle {
        width:310px;
        height:300px;
        margin-right:20px;
        float:left;
        background-color:#8ac651;
        margin-bottom:30px;
        border-radius:25px;
}

.offerPage_alltimesheadlines02 {
        width:310px;
        background-color:#e0e0df;
        padding-top:10px;
        padding-bottom:10px;
        text-transform:uppercase;
        color:#116d37;
}

.offerPage_offercontentMiddle {
        color:#FFF;
        font-size:18px;
        font-weight:bolder;
        margin:0;
        padding:0;
}

.offerPage_AlltimeRight {
        width:310px;
        height:300px;
        float:left;
        background-color:#0b71b7;
        margin-bottom:30px;
        border-radius:25px;
}

.offerPage_alltimesheadlines03 {
        width:310px;
        background-color:#e0e0df;
        padding-top:10px;
        padding-bottom:10px;
        text-transform:uppercase;
        color:#0b71b7;
}

.filterList_ul::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
.filterList_ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #999; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 
/* Handle */
.filterList_ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #999; 
    -webkit-box-shadow: inset 0 0 6px ; 
}
.filterList_ul::-webkit-scrollbar-thumb:window-inactive {
        background: #999; 
}

.productListBottom {
        float: left;
    height: auto;
    width: 730px;
        text-align: center;
}

.pagination1 {
    font-size: 12px;
}

ul.pagination {
    list-style: outside none none;
}

ul.pagination li {
    display: inline;
}

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


/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }       
.ui-autocomplete-loading { background: white url('/images/anim.gif') right center no-repeat; }

.ui-corner-all-compare { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.ui-widget-content-compare {box-shadow:0 2px 8px 0 rgba(0,0,0,0.1); border: 1px solid #dddddd; background: white url(/images/ui.png) 50% top repeat-x; color: #333333; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
        list-style:none;
        padding: 2px;
        margin: 0;
        display:block;
}
.ui-menu .ui-menu {
        margin-top: -3px;
}
.ui-menu .ui-menu-item {
        margin:4;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
}
.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:2.5;
        zoom:1;
        color: #000000;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
        font-weight:bold;
        color:#black;
        margin: -1px;
        border:1px solid white;
        background:#ecebe7 url(/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
}

.ui-autocomplete li.ui-menu-item {
        padding: 2px;  // needed to prevent the item sizes from changing on hover
}

.ui-autocomplete a.ui-menu-item-alternate {
        background-color: White;  // alternate item bgcolor
}

.ui-autocomplete a.ui-state-hover {
        font-weight: normal !important;  // rather not bold the hover item (changes the width)
}

.productImg img {
  background: url('/images/preloader.gif') no-repeat;
  background-position: center;
}

.searchHighlighter {
    font: 16px "robotoMedium";
    color: #117eb1;
    float: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    padding: 5px 16px;
    width: 980px;
    text-align: center;
    margin:auto;
}

.searchHighlighterText {
    font: 16px "robotoMedium";
    color: #117eb1;
    margin: 20px auto 0;
    float: none;
    border: 1px solid #117eb1;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 16px;
    display: inline-block;
}

#currentFilters {
    padding: 0 0 10px 20px;
    background: url(http://saholic.com/images/filter-divider-540.gif) repeat-x bottom left;
}

#currentFilters .sectionHeader {
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

#currentFilters .filterOption {
    font-size: 12px;
    color: #333;
}

#currentFilters .filterClose {
    font-size: 10px;
    font-weight: bold;
}