body {
      background-color: #EEE;  
      font-family: Verdana, Helvetica, Arial, sans-serif;
 /*     color: #7f1a27; */
      color: #7f1a27; /* #493310;  */
      font-size: 14px;
      line-height:  1.6em;
    }
    
    #divmain {
        margin: 0px auto;
        padding: 0px;
    }
    }
    
    .divblock
    {
        display: block;
        clear: both;
        width: 100%;
    }
    
    .center {
         margin-left: auto;
         margin-right: auto;
         width: 90%;
    }

    #divheader {
        /* height: 100px; */
        padding-bottom: 30px;
    }

    #divheader0, #divheader1, #divheader2, #divheader3, #divheader4 {
     /*   float: left; */
        padding: 10px;
    }
    
    #divheader3a, #divheader3b {
        float: left;
        padding-left: 5px;
    }
    
    .butHiLite {
      background-color: #AAFF99; /* Lite Green */ /* #80EAFF; - Lite Blue */
      font-weight:bold;
    }
    
    #krtaco
    {
      background: transparent;
      border: none;
      outline: none;
    }
#slideout {
    background: #f4f4f4;
    position: absolute;
    width: 400px;
    height: 150px;
    top: 30%;
    left:-400px;
    padding-left: 0;
}
/*the overlay bellow*/
#slideout:before{
    content: '';
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(0,0,0,.5);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
}
#slideout.popped:before{
    opacity: 1;
    visibility: visible;
}

#clickme {
    position: absolute;
    top: 0; right: -20px;
    height: 20px;
    width: 20px;
    background: tomato;
    cursor: pointer;
}    

#slidecontent {
    float:left;
    padding: 35px;
}

.overlay {
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.5;
    position: fixed;
    filter: alpha(opacity = 50);  /* IE7 & 8 */
    right: 0;
    top: 0;
    z-index: 49;
}

    #divcontent {
        /* height: 500px; */
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        white-space: nowrap;
    }

    .srchobj {
        /* height: 500px; */
        padding-left: 10px;
        padding-right: 10px;
        /* width: 90%; */
        padding-top: 20px;
        white-space: nowrap;
    }
    
    /* to center img
    img {
      display: block;
      margin: 0 auto;
    }
    */

    #orderblock {
        padding-left: 40px;
    }

    #searchblock {
        padding-left: 30px;
    }

    #messageblock {
        padding-left: 100px;
        padding-bottom: 30px;
    }

    #divcontent_images, #divcontent_productinfo, #divfooter {
        padding: 10px;
    }
    
    #divfooter_footer1, #divfooter_copyright {
        padding-top: 25px;
    }
    
    #divproduct {
        width: 90%;
        /* height: 320px; */
        padding: 10px;
        /* border: black solid 1px; */
    }
    
    #divfooter {
        padding-top: 25px;
    }
    
    
    #divproduct_item {
/*        width: 30%;  */
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #divproduct_color, #divproduct_order {
        float: left;
/*        width: 30%;  */
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #facebook {
        float:left;
        margin-left:100px;
        padding:10px;
      /*  border:1px solid #bbb; */
    }
    
    .donotdisplay {
        display:none; /* none inline  */
    } 

    .divrow {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    } 

    button {
        margin-bottom: 3px;
    }
        
    /*table {
        border-collapse: collapse;
    }*/

    td {
        padding: 10px;
    }

    th {
      border: 1px solid grey;
    }
 
    h1 { font-size: 1.8em; }

    h2 { font-size: 1.4em; }

    h3 { font-size: 1.2em; }

    h4 { font-size: 1.0em; }

    h5 { font-size: 0.7em; }

    a:link { color: #333333; } 
    a:visited { color: #333333; } 
    a:hover { color: #000000; } /* font-size: 105%; } */
    a:active { color: red; } 

    .sizesmaller { font-size: 0.3em; }
    .sizesmall { font-size: 0.7em; }
    .sizesmallmedium { font-size: 0.85em; }
    .sizemedium { font-size: 1.0em; }
    .sizemediumlarge { font-size: 1.2em; }
    .sizelarge { font-size: 1.4em; }
    .sizelarger { font-size: 1.8em; }
    .sizedouble { font-size: 2.0em; }
    .sizedoublehalf { font-size: 2.5em; }
    .sizetriple { font-size: 3.0em; }
        
    .sizesmallercblack { font-size: 30%; color: black; }
    .sizesmallcblack { font-size: 70%; color: black; }
    .sizesmallmediumcblack { font-size: 85%; color: black; }
    .sizemediumcblack { font-size: 100%; color: black; }
    .sizemediumlargecblack { font-size: 120%; color: black; }
    .sizelargecblack { font-size: 140%; color: black; }
    .sizelargercblack { font-size: 180%; color: black; }

    .sizesmallercwhite { font-size: 30%; color: white; }
    .sizesmallcwhite { font-size: 70%; color: white; }
    .sizesmallmediumcwhite { font-size: 85%; color: white; }
    .sizemediumcwhite { font-size: 100%; color: white; }
    .sizemediumlargecwhite { font-size: 120%; color: white; }
    .sizelargecwhite { font-size: 140%; color: white; }
    .sizelargercwhite { font-size: 180%; color: white; }

    .sizesmallercred { font-size: 30%; color: red; }
    .sizesmallcred { font-size: 70%; color: red; }
    .sizesmallmediumcred { font-size: 85%; color: red; }
    .sizemediumcred { font-size: 100%; color: red; }
    .sizemediumlargecred { font-size: 120%; color: red; }
    .sizelargecred { font-size: 140%; color: red; }
    .sizelargercred { font-size: 180%; color: red; }

    .sizesmallercyellow { font-size: 30%; color: yellow; }
    .sizesmallcyellow { font-size: 70%; color: yellow; }
    .sizesmallmediumcyellow { font-size: 85%; color: yellow; }
    .sizemediumcyellow { font-size: 100%; color: yellow; }
    .sizemediumlargecyellow { font-size: 120%; color: yellow; }
    .sizelargecyellow { font-size: 140%; color: yellow; }
    .sizelargercyellow { font-size: 180%; color: yellow; }


   #diverrmsg {
        display: inline-block;
    }
    
    .signupForm {
     padding-left: 5%; 
      padding-right: 5%; 
    }


/* xs < 768 */
/*
@media only screen and (max-width: 767px) {
    body {
        font-size: 1.0em;
    }
}
*/

/* sm */
/*
@media only screen and (min-width: 768px) {
    body {
        font-size: 1.1em;
    }
}
*/

/* md */
/*
@media only screen and (min-width: 992px) {
    body {
        font-size: 1.2em;
    }
}
*/

/* lg */
/*
@media only screen and (min-width: 1200px) {
    body {
        font-size: 1.3em;
    }
}
*/