body {
    margin-left: -15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding-right: 0px;
}

@media only screen and (min-width: 1366px) and (max-width:1920px) {
    body{
        max-height:900px;
        width:100%;
    }
}

.lblquote {
    left: 3%;
    color: darkslategray;
    font-family: colonna mt; /**/
    font-weight: bold;
    font-size: 45px;
    position: relative;
}

.imgsirilogo {
    margin-left: 47%;
    margin-top:13%;
    opacity:0.7;
    width : auto !important;
}

/* css for loginpage page */

.loginpage {
    background: transparent; /*rgba(0,0,0,0.5);*/
    position: relative;
    top: -60px;
    width: 420px;
    float: left;
    margin: 170px auto 0 100px;
    text-align:center;
}

.lblwel {
    top: 3px;
    right: 10px;
    color: white;
    font-family: tw cen mt;
    font-size: 22px;
    float: right;
    position: relative;
}

fieldset {
    border: 0;
}

.txtlog {
    border-color: orange;
    border-radius: 5px;
    color: darkBlue;
    width: 210px;
    display: block;
    padding: 4px;
    margin: 5px 0 10px 0; /*top right bottom left*/
    font-size: 15px;
    font-family: Georgia, serif;
}

.loginpage label {
    color: yellow;
    width: 115px;
    text-align: right;
    float: left;
    margin: 0 10px 0 0;
    padding: 9px 0 0 0;
    font-size: 19px;
    font-family: 'Tw Cen MT';
}

.loginpage legend {
    color: White;
    text-align:center;
    font-family:'Tw Cen MT';
}

.loginpage .linkbtn {
    background-repeat: repeat-x;
    font-family: 'Tw Cen MT';
    color: orange !important;
    text-decoration: none;
    background-size: 100%;
    padding-left: 10px;
    font-size:19px;
    background: linear-gradient(to right,#adff2f 0%,#adff2f 3px,transparent 5px) !important;
    /*background-color: transparent;*/
}

    .loginpage .linkbtn:hover {
        color: darkred !important;
        background: linear-gradient(to right,#adff2f 0%,#adff2f 5px,transparent) !important;
    }

:root {
    -mainColors: #adff2f; /*ff9800;*/
}

.loginpage .lblpswderror {
    color: red;
    padding-left: 100px;
}

/* css for master page */

.masterpage .topbar { /*feb 6*/
    height: 35px;  /*25px*/
    /*background-color: darkgoldenrod;*/
    position:relative;
    overflow:hidden;
    padding-top:5px;
}

.masterpage .headerbar {
    height: 170px; /*113px;*/
    background-color: white;/*#ffe6ff;*/
    position: relative;
    overflow: hidden;
    top: 1px; /*26px*/
}

.masterpage {
    width:101%;
    overflow-x: hidden !important;
}

    .masterpage .menu_nav {
        background-color: goldenrod;
        height: 600px;
        margin-left: -15px;
    }

    .masterpage .maincontent {
        background-color: white;
        position: relative;
        top: 1px; /*178px*/
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 0px;
        padding-left: 0px;
    }

    .masterpage .footer {
        /*background: linear-gradient(to bottom, #7612c5 0%, #b30086 54%,#f700a9 100%);*/
        background-color: black;
        height: 25px;
        position: fixed;
        overflow: hidden;
        bottom: 0px;
        color: white;
        font-family: 'Tw Cen MT';
        font-size: 17px;
        opacity:0.7;
    }

    .masterpage .logo {
        margin-left: 0px;
        height: 130px;
        /* margin-top: -3px; -11px;*/
    }

.headspan1 {
    color: darkgreen;/*#7612c5;*/
    font-family: colonna mt;
    font-size: 50px;
    font-weight: bold;
}

.headspan2 {
    color: #7612c5; /*darkgoldenrod;*/
    font-family: Harrington;
    font-size: 30px;
    font-weight: bold;
}

.ratelive { /*feb6*/
    color: #7612c5;
    font-family: 'Tw Cen MT';
    font-size: 17px;
    /*margin-left: 25%;*/
    color: white;
    margin-left: 65%;
    font-weight: bold;
}

/* css for vertical fixed menu in nestedmastercustomer.master */

.navigation {
    width: 200px;
}

.menunav {
    height: 600px;
    background-color: white;
    width: 215px;
    margin-left: -10px;
    float: left;
    padding-right: 0px;
}

.mainmenu, .submenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .mainmenu a {
        display: block;
        background-color: white;
        text-decoration: none;
        padding: 10px;
        color: darkslategray;
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        margin-left: -15px;
    }

        .mainmenu a:hover, .mainmenu a:active {
            /*background-color: goldenrod;*/
            background: linear-gradient(45deg,#ffe766 10%, #ccac00 100%);
            color: black;
        }

    .mainmenu li:hover .submenu {
        display: block;
        max-height: 200px;
    }

    .mainmenu li i {
        width: 15px;
        height: 15px;
    }

    .submenu a {
        background-color: darkgoldenrod;
        color: wheat;
        font-weight: bold;
    }

        .submenu a:hover {
            background-color: palegoldenrod;
            color: black;
        }

.submenu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-out;
}

/* css for horizontal fixed menu in site.master */

.masterpage .hmenu {
    height: 40px;
    margin: 3px 0px;
    position: relative;
}

.hnavbar {
    /*overflow: hidden;*/
    /*background: linear-gradient(to bottom, #800060 0%, #b30086 54%,#f700a9 100%);*/
    /*background-color: darkgoldenrod; linear-gradient(to bottom, #800060 0%, #b30086 100%);;*/
    position: relative;
    width: 101%;
    margin-left: -15px;
    display: block !important;
}

    .hnavbar ul { /*mmenu*/
        list-style: none;
        cursor: default;
        width: auto;
        margin: 0px;
        padding: 0px;
        /*overflow: hidden;*/
    }

.mmenu {
    display: inline-flex;
}

.smenu {
    width: auto;
    height: auto;
    color: black;
    margin-top: 41px;
    display: none;
    position: absolute;
    z-index: 10;
    cursor: default;
    padding: 0px;
    overflow: visible;
}

    .smenu div {
        background-color: whitesmoke;
        height: 370px;
    }

    .smenu a {
        color: black !important;
        text-decoration: none;
        display: block;
    }

        .smenu a:hover {
            color: darkmagenta !important;
            border-radius: 0px !important;
        }

    .smenu h5 {
        font-weight: bold;
        color: darkmagenta;
    }

.pl-0 {
    display: grid;
}

.drpdwn:hover .smenu {
    display: block;
}

    .drpdwn:hover .smenu a {
        font-size: 15px;
        padding: 0px 2px;
    }

.hnavbar li {
    float: left;
}

    .hnavbar li.drpdwn {
        display: inline-block;
    }

.hnavbar a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 7px 16px;
    text-decoration: none;
    font-size: 19px;
    font-family: 'Tw Cen MT';
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-left: 5px;
}

    .hnavbar a:hover {
        /*background-color: #ffe6ff;*/
        color: black;
        background-color: lightgrey; /*#ffe6ff;*/
        border-bottom-left-radius: 15px;
        border-top-right-radius: 15px;
    }

/* css for index page */

.linksite {
    /*left: 912px;
    top: 375px;*/
    top: 200px;
    color: yellow; /* #7612c5; maroon*/
    font-family: brush script mt; /*brush script mt*/
    font-size: 36px;
    font-style: italic;
    text-decoration: none;
    position: relative;
}

.linksite:hover { color:#b30086; text-decoration:none;} /*#7612c5*/

/* css for buttons */

.btnlog {
    width: 100px;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: lightSteelBlue;
    color: darkblue;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 30px 4px 0px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 40px;
    font-weight: bold;
}

    .btnlog:hover {
        /*background-image:linear-gradient(to top, rgba(0,188,108, 1) 0%, rgba(0,135,118,1) 44%, rgba(0,77,88,1) 100%); */
        color: ghostwhite;
        background: #23074d; /* fallback for old browsers */
        /*  background: -webkit-linear-gradient(to right, #cc5333, #23074d);   Chrome 10-25, Safari 5.1-6 
        background: linear-gradient(to right, #cc5333, #23074d); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        background: linear-gradient(to bottom, rgba(0, 202, 223,1) 0%, rgba(27, 31, 171,1) 100%);
    }

.btnskew {
    border: none;
    color: #7612c5;
    padding: 10px;
    font-size: 18px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
    background-color: white;
}

    .btnskew:hover {
        transform: skew(-15deg);
        color: antiquewhite;
        background-color: #7612c5;
    }

.btnghost {
    font-size: small;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #7612c5;
    color: white;
    padding: 16px -4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    margin: 4px 5px 4px 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    height:30px;
}

    .btnghost:hover {
        background-color: white;
        color: #7612c5;
        border: 2px solid #7612c5;
    }

.linkbg {
    background: linear-gradient( to bottom, var(--mainColor) 0%, var(--mainColor) 100% );
    background-position: 0 100%;
    background-size: 4px 2px;
    transition: background-size .2s;
    background-repeat: repeat-x;
    color: darkslategray !important;
    text-decoration: none;
}

    .linkbg:hover {
        background-size: 4px 50px;
        color: darkgreen !important;
    }

:root {
    -mainColor: darkblue !important;
}

.btnsel {
    background-repeat: repeat-x;
    color: #7612c5;
    text-decoration: none;
    background-size: 100%;
    padding-left: 10px;
    background: linear-gradient(to right,#7612c5 0%,#7612c5 3px,transparent 5px); /*#adff2f*/
    background-color: white;
    height: 40px;
    width: 220px;
    font-size: 18px;
    font-family: 'Tw Cen MT';
}

    .btnsel:hover, .btnsel :active {
        color: black;
        background: linear-gradient(to right,#7612c5 0%,lavender 5px,white);
    }

.btnghosth {
    font-size: 15px;
    font-family: lucida calligraphy;
    height: 40px;
    padding: 0px 25px;
    font-weight: bold;
    background-color: dimgray;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    color:white;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
}

 .btnghosth:hover{
     color:black;
     border:2px solid dimgray;
     background-color:white;
 }

/* css for home page */

.homepage {
    min-height: 400px;/*530px feb6*/
    margin-top: -10px;
    width: 100%;
    background-color:white;
}


#ContentPlaceHolder1_AdRotator2 img, #ContentPlaceHolder1_AdRotator3 img {
    height: 250px;
    width: 75%;
    margin-left: 100px;
}

#ContentPlaceHolder1_AdRotator4 img {
    margin-top: -20px;
    height: 540px;
    width: 90%;
}


.imagegallery {
    margin-left: -15px;
}

div a img {
    height: 375px;
    width: 100%;
    background-size: cover;
}

.sptxt {
    color: #7612c5;
    font-family: lucida calligraphy;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.aboutus {
    color: black;
    font-family: 'Tw Cen MT';
    font-size: 18px;
    padding: 0px 15px;
    background-color: white;
}

.spptxt {
    font-style: italic;
    color: darkgreen;
}

.buttonshome{
    float:right;
    margin-right:10px;
    padding-right:0px !important;
}

.texthome {
    height: 140px;
    color: white;
    font-style: italic;
    font-family: auto;
    margin-top: 40px;
    padding-left: 15px;
    background: #033003;
    width: 346px;
    opacity: 0.9;
    border-top-right-radius: 130px;
}

.texthomer {
    height: 140px;
    color: white;
    font-style: italic;
    font-family: auto;
    margin-top: -90px;
    padding-right: 20px;
    background: #033003;
    width: 346px;
    opacity: 0.9;
    border-bottom-left-radius: 130px;
    float:right;
    text-align:right;
}
/* css for schemereceipt page */

#ContentPlaceHolder1_ContentPlaceHolder1_vbtniewrecpts {
    float: right;
    margin-right: 5%;
}

.notetouser {
    height: 160px;
    color: red;
    font-family: tw cen mt;
    font-size: 16px;
}

.notetouser span{
    color:black;
    font-weight:bold;
}

.lbllbl {
    color: #7612c5;
    font-weight: bold;
    padding-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
}

.lbllblD {
    color: black;
    font-weight: bold;
    padding-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
}

.lbltotss {
    color: darkgreen;
    font-weight: bold;
    padding-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
}

.fright{
    margin-left:30%;
}

.frightt {
    margin-left: 45%;
}

.frite{
    float:right;
    margin-right:20px;
}

.txtboxes {
    border-color: transparent; /*gold;*/
    margin: 3px;
    font-family: Tw Cen MT;
    border-radius: 5px;
    width: 250px;
    color: black;
    height: 25px;
    background-color: lightgoldenrodyellow;
    font-size: 16px;
}

.txtboxesD {
    border-color: transparent; /*gold;*/
    margin: 3px;
    font-family: Tw Cen MT;
    border-radius: 5px;
    width: 250px;
    color: darkslategray;
    height: 25px;
    background-color: antiquewhite;
    font-size: 16px;
}

.rbtnslist {
    color: darkslategray;
    margin-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
    display:inline;
}

    .rbtnslist td, .rbtnslist label {
        padding-left: 10px;
        padding-right: 10px;
    }

#ContentPlaceHolder1_rbtn_receipts {
    display: inline;
}

.lblhead {
    color: darkslategray;
    font-family: Harrington;
    font-weight:bold;
    font-size: 25px;
}

.drpdowns {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    border-radius: 5px;
    font-family: Tw Cen MT;
    color: black;
    width: 250px;
    height: 25px;
    background-color: lightgoldenrodyellow;
    font-size:16px;
}

.drpdownsD {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    border-radius: 5px;
    font-family: Tw Cen MT;
    color: darkslategray;
    width: 250px;
    height: 25px;
    background-color: antiquewhite;
    font-size: 16px;
}

.drpspl {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    font-size: 16px;
    font-family: Tw Cen MT;
    color: black;
    border-radius: 5px;
    width: 60px;
    height: 25px;
    background-color: lightgoldenrodyellow;
}

.lbllblR {
    float: right;
}

.chkchk {
    color: #7612c5;
    margin-left: 10%;
}

.chkchk label{
    margin-left:10px;
    font-weight:200;
}
/* css for nested master page */

.subcontent {
    min-height: 540px;
    margin-left: 10px;
    overflow-x: hidden !important;
    overflow: auto;
    /*margin-top: 5px;*/
    padding-right: 0px;
    background-color: white;
    position: absolute;
    right: 0;
}

.lblname {
    left: 50px;
    top: 200px;
    color: white;
    font-family: jokerman;
    font-size: 30px;
    position: relative;
}

.lnkoffer {
    left: 570px;
    top: 335px;
    color: white;
    font-family: jokerman;
    font-size: 20px;
    text-decoration: none;
    position: relative;
}

.lnkoffer:hover{
    color:yellow;
    text-decoration:underline;
}

.lbltxt {
    color: white;
    font-family: tw cen mt;
    font-size: 16px;
}

.lblname2 {
    left: 675px;
    top: 75px;
    color: darkslategrey;
    font-family: jokerman;
    font-size: 30px;
    position: relative;
}

.listboxcss {
    padding: 5px;
    width: 1050px;
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 17px;
    border-color: darkslategray;
    border-radius: 10px;
    height: 130px !important;
}

#ContentPlaceHolder1_ContentPlaceHolder1_imgcustphoto {
    margin-left: 50px;
    margin-bottom: 15px;
}

.registernew .pp {
    color: black;
    font-family: 'Tw Cen MT';
    font-size: large;
}

.listbx {
    width: 150px;
    height: 160px !important;
    padding: 5px;
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 17px;
    border-color: darkslategray;
    border-radius: 10px;
    margin-left: 150px;
}

.goldgrid{
    text-align:center;
}

.goldgrid th{
    text-align:center;
}

.griddraw {
    width: 98%;
    text-align: center;
}

    .griddraw th {
        margin: 3px;
        padding: 3px;        
        text-align:center;
        height:30px;
    }

    .griddraw td {
        padding: 3px;
        height: 25px;
    }

    .gridselect input{
        height:25px;
        width:25px;
    }

.lbltxtt {
    color: maroon;
    font-family: tw cen mt;
    font-size: 19px;
}

.gridMemdetails {
    width: 98%;
}

    .gridMemdetails th {
        text-align: left;
        padding: 3px;
        height: 30px;
        margin: 3px;
    }

    .gridMemdetails td{
        padding:3px;
        height:25px;
    }

.lblnotes {
    color: orangered;
    padding-left: 157px;
    font-weight: bold;
    font-family: Tw Cen MT;
    font-size: 18px;
}

.lblpadleft {
    padding-left: 20px;
}

.festimg {
    width: 400px;
    height: 100px;
    margin-left: 200px;
}

.festimg2 {
    width: 200px;
    height: 100px;
    float: right;
}

.contact1 {
    color: #7612c5;
    font-family: lucida calligraphy;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
}

.contact2 {
    color: black;
    font-family: 'Tw Cen MT' ;
    font-size:18px;
}

#ContentPlaceHolder1_ContentPlaceHolder1_UpdatePnl1 {
    display: inline;
}

.listschnos td, .listschnos label {
    padding: 2px;
}

.listschnos {
    color: black;
    font-family: 'Tw Cen MT';
    min-height:450px;
    overflow:scroll;
    width:100%;
    background-color:whitesmoke;
}

.gallist {
    padding: 3px;
    height: 240px !important;
    color: #7612c5;
    font-family: 'Courier New';
    font-size: 16px;
}

.imggal{
    border:2px solid black;
}

.gallerynote {
    color: red;
    font-family: tw cen mt;
    font-size: 16px;
}




















/* css for shopping cart */

.homeicon { /*feb 6*/
    width: 25px;
    height: 25px;
    margin-top: 2px;
    float: right;
    margin-left: 15px;
    margin-right: 5px;
    color: black;
}

.cartno {
    margin-top: 2px;
    float: right;
    margin-right: 10px;
    margin-left: -10px;
}


.homeiconU {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-left: 15px;
    float: right;
}

.prodicon {
    margin: 5px;
    width: 30px;
    height: 29px;
    display:inline;
    margin-left:50px;
}

.prodicon:hover{
    box-shadow:#7612c5 0px 0px 15px;
    padding:3px;
}

.ourproducts {
    overflow-x: hidden !important;
    overflow: auto;
    min-height: 550px;
    width: 100%;
    display: inline;
    background-color: white;
}

.prodimg {
    margin: 10px;
    height: 200px;
    width: 275px;
}
    .prodimg:hover {
        box-shadow: saddlebrown 0px 0px 15px;
        padding: 3px;
    }

.lblprod {
    color: #7612c5;
    font-family: 'Tw Cen MT';
    font-size: 19px;
    padding-left: 10px;
    font-weight: bold;
}

.pnlprod {
    /*border-radius:15px;
    border-width:1px;
    border-color:palegoldenrod;
    border-style:solid;*/
    margin: 5px;
    background-color: white;
}

#ContentPlaceHolder1_listourprod {
    background-color: white;
    /*margin-left:25%;*/
}

.viewproddetail {
    display: inline;
}

.lnkprice {
    color: darkslategray;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}

    .lnkprice :hover {
        color: black !important;
    }

.viewproddetail .vpd1 * {
    box-sizing: border-box;
}

.img-zoom-container {
    position: relative;
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 60px;
    height: 60px;
    margin-top: 50px;
    margin-left: 110px;
}

.img-zoom-result {
    border: 1px solid #d4d4d4;
    /*set the size of the result div:*/
    width: 300px;
    height: 300px;
    position:relative;
    top:-250px;
    left:430px;
    /*display:none;*/
}

    .viewproddetail .vpd2 {
        font-family:'Tw Cen MT';
    }

/*#ContentPlaceHolder1_imgprod:hover .img-zoom-result, .imgprod:hover .img-zoom-result{
    display: block !important;
}*/

.imgprod {
    width: 300px;
    height: 300px;
    margin-top: 50px;
    margin-left: 100px;
}

.lblphead {
    color: #7612c5;
    font-family: tw cen mt;
    font-size: 30px;
}

.lblpdetail {
    color: black;
    font-family: tw cen mt;
    font-size: 16px;
}

.txtpro {
    width: 270px;
    height: 30px;
    font-family: tw cen mt;
    font-size: 18px;
    padding-top:0px;
}

.btnghostp {
    font-size: medium;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #7612c5;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    height: 30px;
}

    .btnghostp:hover {
        background-color: white;
        color: #7612c5;
        border: 2px solid #7612c5;
    }

.prodp, .lblpmsg {
    font-size: 16px;
}

.proddetail1, .metaldetail1, .certdetail1, .dimdetail1 {
    height: 35px;
    color: white;
    padding-left: 25px;
    font-family: tw cen mt;
    font-size: 24px;
    /*background-color: saddlebrown;*/
    background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);
    width:98%;
    border: 1px solid white;
}

#ContentPlaceHolder1_tblmetdet, #ContentPlaceHolder1_tblcertdet, #ContentPlaceHolder1_tbldimdet, #ContentPlaceHolder1_tblproddet {
    width: 100%;
}

.plus {
    float: right;
    padding-right:30px;
}

.lblpp {
    color: #7612c5;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

.viewproddetail2 {
    width: 70%;
    margin-left: 15%;
}

.pnlreg {
    border: 1px solid black;
    border-image: none;
    width: 50%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 5%;
    margin-left: 25%;
    font-family:'Tw Cen MT';
}

.pnllogin {
    border: 1px solid black;
    border-image: none;
    width: 32%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 5%;
    margin-left: 33%;
    font-family: 'Tw Cen MT';
    margin-top:2%;
}

.pnlfilter {
    margin: 2%;
    padding: 2%;
    border: none;
    border-image: none;
    width: 70%;
}

    .pnlfilter label {
        padding-left: 5px;
        margin-left: 5px;
        font-family: 'Tw Cen MT';
        font-size: 17px;
        font-weight: 100 !important;
    }


.lblpinfo {
    color: orangered;
    padding-left: 35px;
    font-size: 18px;
}

.modalBackground {
    background: rgba(0,0,0,0.7);
}

.pnlBackGround {
    position: fixed;
    top: 10%;
    left: 10px;
    width: 36%;
    height: 270px;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
}

.pnlprice{
    height:45% !important;
}

    .pnlBackGround #buttons, .pnlBackGround #buttons2 {
        display: inline-flex;
    }

.pnlBackGround .rateheader {
    height: 45px;
    font-size: 30px;
    background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);
    /*background-color: darkgoldenrod;*/
    color: white;
    font-family: Agency FB;
}

    .pnlBackGround .lblphrate {
        color: #7612c5;
        font-family: tw cen mt;
        font-size: 20px;
        font-weight: bold;
    }

    .pnlBackGround hr {
        margin: 5px;
        border: 1px solid darkslategray;
        border-image: none;
    }

    .pnlBackGround .main, .pnlBackGround #buttons, .pnlBackGround #buttons2 {
        background-color:whitesmoke;
    }

    .pnlBackGround .lblprate {
        font-family: tw cen mt;
        font-size: 17px;
        color:black;
    }

.lblpbreakup {
    font-family: tw cen mt;
    font-size: 17px;
    color: black;
    margin-left:20%;
}

#main2 {
    text-align: left;
}

.lblvalues{
    left:40%;
    position:absolute;
}

.myacc1 .optionmenu {
    display: inline-flex;
    border: 1px solid darkgray;
    border-image: none;
    width:245px;
    padding-bottom: 15px;
    padding-left: 6%;
    margin-top: 5px;
    font-family:'Tw Cen MT';
    color:darkslategray;
}

.myacc1 .icon image, .myacc1 .icon img {
    height: 40px;
    margin-top: 28px;
    margin-right: 25px;
}

.myacc1 .icon{
    width:35%;
}

.myacc1 h3{
    text-align:center;
}

.myacc1 span{
    font-size:16px;
}

.myaccount {
    display: inline;
    min-height: 520px;
    overflow-x: hidden;
    overflow: auto;
    background-color: white;
}

.myacc2 {
    min-height: 600px;
    overflow-x: hidden;
    overflow: auto;
    background-color: white;
}

.pnlacco {
    border: 2px solid darkslategray;
    overflow-x: hidden;
    overflow: auto;
    background-color: white;
    margin-top: 5px;
}

.divwish, .divcart {
    display: inline-flex;
    padding: 10px 0px;
    border-bottom-color: lightgray;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-image: none;
    margin-left: 20px;
    width: 95%;
    font-family: tw cen mt;
}

.lblwishmsg {
    color: orangered;
    padding-left: 25px;
    font-family: tw cen mt;
    font-size: 20px;
    font-weight: bold;
}

.chngpswd {
    margin-left: 40px;
    width: 95%;
    font-family: tw cen mt;
}

.accprofile {
    margin-left: 30px;
    width:95%;
    font-family: tw cen mt;
}

.accadd {
    margin-left: 30px;
    width: 95%;
    font-family: tw cen mt;
}

.addh {
    color: #7612c5;
    font-size: 18px;
}

.addn {
    font-size: 17px;
    font-weight: bold;
    color:black;
}

.existingadd, #existingadd {
    font-size: 17px;
    color: darkslategray;
}

.lblwish{
    font-size:20px;
    color:darkslategray;
}

.chk {
    margin: 5px;
    font-family: tw cen mt;
    float: right;
}

.lbltcart {
    width: 60px;
    height: 30px;
    text-align: right;
    margin-top: 5%;
    font-size:18px;
}

.lblcart{
    font-size:20px;
    margin-top:5%;
}

.lblord {
    font-size: 16px;
    margin-top: 2%;
}

.tpplbl {
    left: 350px;
    position: absolute;
}

.olbl {
    font-family: tw cen mt;
    font-size: 16px;
    position: absolute;
    left: 20%;
}

.olbl1 {
    font-family: tw cen mt;
    font-size: 16px;
    margin-left: 2%;
}

.pnladd:hover {
    /* padding: 5px 0px 5px 0px;
    border: 1px solid darkslategrey; */
    border-image: none;
    width: 90%;
    color:#7612c5;
}

.btndel {
    height: 30px;
    width: 30px;
    margin-top: 5%;
    left: 1250px;
    position: absolute;
}

.uplbl {
    left: 770px;
    position: absolute;
}

.tplbl {
    left: 1100px;
    position: absolute;
}

.qulbl {
    left: 950px;
    position: absolute;
}

.pluslbl {
    left: 1013px;
    top: 73px;
    position: absolute;
}

.pluss {
    font-size: 23px;
    color: #7612c5;
    border: 1px solid black;
    float: right;
    line-height: 15px;
    margin-top: 7px;
}

.listviewdiv {
    position: absolute;
    left: 340px;
}

.minuslbl {
    left: 911px;
    top: 73px;
    position: absolute;
}

.pnlbl {
    left: 20px;
    position: relative;
}

.checkout h3 {
    font-family: 'Tw Cen MT';
    padding: 5px;
    margin-right: 20px;
    background-color: palegoldenrod;
}

.cstlbl1 {
    font-family: tw cen mt;
    font-size: 17px;
    margin-left: 55%;
}

.cstlbl {
    font-family: tw cen mt;
    font-size: 17px;
    position: absolute;
    left: 75%;    
}

.oslbl {
    font-family: tw cen mt;
    font-size: 20px;
    margin-left: 55%;
}

.btnproc {
    font-family: tw cen mt;
    margin-right: 10%;
    float: right;
    font-size: 20px;
    height:38px;
}

.lnkshop {
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 20px;
}

.footerlinks {
    font-family: tw cen mt;
    font-size: 16px;
    margin-top: -48px;
    text-align: right;
    position: fixed;
    bottom:25px;
    background-color:palegoldenrod;
}

.lnkfoot {
    color: #7612c5;    
    text-decoration: none;
}

.textsiri {
    padding: 10px;
    color: #7612c5;
    font-family: tw cen mt;
    font-size: 17px;    
}

.prodbtns{
    height:45px;
}

.adlogout{
    float:right;
    margin-right:5%;
}

.imgord{
    margin-left:8%;
    position:relative;
}

.ordid{
    margin-top:2%;
}

.ordamt{
    left:70%;
    position:absolute;
}

.ordprod{
    left:40px;
    position:relative;
}

.orddt{
    left:85%;
    position:absolute;
    color:#7612c5;
}

.lnkadd {
    color: #7612c5;
    font-family: tw cen mt;
    font-size: 17px;
}

.lblfailure {
    color: darkgreen;
    font-family: tw cen mt;
    font-size: 25px;
}

.whyustxt {
    padding: 15px 0px;
    text-align: center;
    color: white;
    font-family: tw cen mt;
    font-size: 20px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #7612c5;
    margin:0px 2%;
    width:20%;
    border:1px solid white;
}

.whyus {
    background-color: #7612c5;
}

.testtxt {
    font-family: 'Tw Cen MT';
    text-align: center;
    color: black;
    font-size: 21px;
    font-style: italic;    
    padding-bottom: 15px;
}

.transferscheme{
    height:500px;
    background-color:white;
}

.animate1,.animate3 {
    color:magenta;
    animation-name: header;
    position: relative;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    -webkit-animation-name: header; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes header {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: #7612c5;
    }
}

@keyframes header {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: #7612c5;
    }
}

.animate2 {
    color: magenta;
    animation-name: headerW;
    position: relative;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    -webkit-animation-name: header; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes headerW {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: white;
    }
}

@keyframes headerW {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: white;
    }
}


.lblshop1 {
    COLOR: white;
    font-family: cambria;
    font-size: 29px;
}

.lblshop2 {
    color: white;
    font-family: cambria;
    font-size: 16px;
    font-style: italic;
    padding-left: 7%;
}

.lblcat {
    color: #7612c5;
    font-family: Cambria;
    font-size: 28px;
}

.searchimg {
    height: 35px;
    margin-right: 5%;
    position: absolute;
    margin-top: 2%;
    right: 0;
}

.txtsearch {
    height: 35px;
    margin-right: 5%;
    position: absolute;
    margin-top: 2%;
    right: 0;
    width: 450px;
    border-radius: 2px;
}

.prodimglat {
    margin: 10px;
}

    .prodimglat:hover {
        box-shadow: saddlebrown 0px 0px 15px;
        padding: 3px;
        border-radius: 100%;
    }

.con1 {
    font-size: 20px;
    font-family: tw cen mt;
    color: yellow;
}

.contactus {
    color: black;
    font-size: 17px;
    font-family: 'Tw Cen MT';
    background-color: white;
}

.txtcontact {
    width: 70%;
    border-radius: 20px;
    padding: 5px;
    margin: 5px;
    color: black;
}

.goldimg {
    height: 100%;
    width: 100%;
}

.pnlrate {
    margin-top: 20%;
}

.golddiv {
    margin-left: -15px;
    padding-left: 0px;
}

.lblphrate {
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 24px;
    font-weight: bold;
}

.lblprate {
    font-family: tw cen mt;
    font-size: 20px;
    color: black;
    font-weight: bold;
}

.ordbtn1 {
    left: 70%;
    position: absolute;
}

.ordbtn2 {
    left: 82%;
    position: absolute;
}

.modalBackgroundO {
    background: rgba(0,0,0,0.7);
}

.pnlBackGroundO {
    position: fixed;
    top: 1% !important;
    left: 10px;
    width: 475px;
    height: auto;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
}

    .pnlBackGroundO #buttons, .pnlBackGroundO #buttons2 {
        display: inline-flex;
    }

    .pnlBackGroundO .rateheader {
        height: 42px;
        font-size: 27px;
        background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);
        /*background-color: darkgoldenrod;*/
        color: white;
        font-family: Cambria;
    }

    .pnlBackGroundO hr {
        margin: 5px;
        border: 1px solid darkslategray;
        border-image: none;
    }

    .pnlBackGroundO .main, .pnlBackGroundO #buttons, .pnlBackGroundO #buttons2 {
        background-color: whitesmoke;
    }

.modalBackgroundR {
    background: rgba(0,0,0,0.7);
}

.pnlBackGroundR {
    position: fixed;
    top: 1% !important;
    left: 10px;
    width: 475px;
    height: auto;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
}

    .pnlBackGroundR #buttons, .pnlBackGroundR #buttons2 {
        display: inline-flex;
    }

    .pnlBackGroundR .rateheader {
        height: 42px;
        font-size: 25px;
        /*background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);*/
        color: black;
        font-family: 'Tw Cen MT';
        padding-top: 5px;
    }

    .pnlBackGroundR hr {
        margin: 5px;
        border: 1px solid darkslategray;
        border-image: none;
    }

    .pnlBackGroundR .main, .pnlBackGroundR #buttons, .pnlBackGroundR #buttons2 {
        background-color: whitesmoke;
    }

.pnlBackGroundQ {
    height: 350px !important;
    width: 640px !important;
    left: 300px !important;
    text-align: left;
}

    .pnlBackGroundQ div label {
        text-align: left;
    }

.simprodimg {
    margin: 10px;
}

    .simprodimg:hover {
        box-shadow: saddlebrown 0px 0px 15px;
        padding: 3px;
    }

.similarprod ul {
    list-style: none;
}

.similarprod {
    text-align: center;
}

    .similarprod:hover lbllblD {
        color: #7612c5;
    }

.custreview {
    text-align: left;
    align-content: center;
}

.drpdownsearch {
    position: absolute;
    top: 18px;
    height: 35px;
    right: 495px;
    color: black;
    font-family: tw cen mt;
    font-size: 17px;
    width: 50px;
}

.ourpromise p {
    line-height: 150%;
    font-style: normal;
    font-size: 12px;
    text-align: justify;
    margin: 10px;
    font-weight: lighter;
}

.ourpromise {
    display: inline-block;
    /* overflow-x:scroll;
    overflow-y:hidden;*/
}

.flip-box {
    background-color: transparent;
    width: 15%;
    height: 200px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    margin: 0px 15px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-box-front {
    background-color: white;
    color: black;
}

.flip-box-back {
    background-color: lightgray;
    color: black;
    transform: rotateY(180deg);
}

.promspan {
    font-size: large;
    font-family: monospace;
}

.sort {
    float: right;
    color: #7612c5;
}

.silv_H {
    height: 250px !important;
}

.lblin {
    font-family: Pristina;
    font-size: 50px;
    color: black;
    padding-left: 5%;
}

.lnkview {
    font-size: 16px;
    color: #7612c5;
    padding: 2px 5px;
    background-color: lavender;
    margin: 0px 5px;
}

.lnkviewclicked {
    color: darkgreen;
    font-size: 16px;
    padding: 2px 5px;
    background-color: turquoise;
    margin: 0px 5px;
}

.lblpprice {
    color: #7612c5;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.listviewimg:hover {
    background-color: rgba(251,216,167,.25);
    width: 310px;
}

.listviewimg {
    position: relative;
    width: 15%;
}

.prodimg1 {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.listviewimg:hover .prodimg1 {
    opacity: 0.3;
}

.listviewimg:hover .middle {
    opacity: 1;
}

.btn_on_img {
    font-size: 12px;
}

.prodimg1:hover {
    box-shadow: saddlebrown 0px 0px 15px;
    padding: 3px;
}

.qview {
    display: inline;
}

.dropdowns, .burgermenu {
    display: none;
}

.proddes {
    background-color: whitesmoke;
}

.sprod {
    font-size: 21px;
}

.simiprod lbllbl {
    width: 100px;
    height: 60px;
}

.displbl {
    width: 150px;
    height: 30px;
}

.txttrack {
    width: 300px;
    font-family: Cambria;
    font-weight: 300;
}

.wishimg {
    height: 200px;
    width: 250px;
}

.contactuss {
    color: white;
    font-size: 17px;
    font-family: 'Tw Cen MT';
    background-color: #7612c5;
}

.txtcontact {
    width: 70%;
    border-radius: 20px;
    padding: 5px;
    margin: 5px;
    color: black;
}

.wishicon {
    position: relative;
    top: -245px;
    left: 115px;
    height: 22px;
    width: 22px;
}

.wishicon1 {
    position: relative;
    top: -100px;
    left: 350px;
    height: 40px;
    width: 40px;
}

.drpsort {
    width: 130px;
}


.homeiconlbl {
    float: right;
    font-size: 14px;
    font-style: italic;
    font-family: Cambria;
    color: #7612c5;
    margin-top: 4px;
}