body {
    margin-left: -15px;
    font-family:Cambria;
}

.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:101%;
    }
}
.btn-primary {
    background-color: #800060;
    border-color: #800060;
}
.lblquote {
    left: 27%;
    color: #800060;
    font-family: colonna mt; /**/
    font-weight: bold;
    font-size: 45px;
    position: relative;
}

.imgsirilogo {
    margin-left: 42%;
    margin-top:10%;
    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: 70px; /*113px;*/
    background-color: #800060;/*#ffe6ff;*/
    position: relative;
    overflow: hidden;
    top: 1px; /*26px*/
    width:101%;
}

.masterpage {
    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, #800060 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;/*rgb(128, 0, 96);*/
    font-family: colonna mt;
    font-size: 50px;
    font-weight: bold;
}

.headspan2 {
    color: rgb(128, 0, 96); /*darkgoldenrod;*/
    font-family: Harrington;
    font-size: 30px;
    font-weight: bold;
}

.ratelive { /*feb6*/
    color: #800060;
    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; /* #800060; 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;} /*darkmagenta*/

/* 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: darkslategray;
    padding: 10px;
    font-size: 18px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

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

.btnghost {
    font-size: small;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #800060;
    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:45px;
}

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

.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: #800060;
    text-decoration: none;
    background-size: 100%;
    padding-left: 10px;
    background: linear-gradient(to right,#b30086 0%,#b30086 3px,transparent 5px); /*#adff2f*/
    background-color: white;
    height: 40px;
    width: 250px;    
    font-size: 18px;
    font-family: 'Tw Cen MT';
    border-radius: 20px;
}

    .btnsel:hover,.btnsel :active {
        color: black;
        background: linear-gradient(to right,#b30086 0%,pink 5px,transparent);
    }

/* css for home page */

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

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

#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: 400px;
    width: 100%;
    background-size: cover;
}
.sptxt {
    color: rgb(128, 0, 96);
    font-family: lucida calligraphy;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

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

/* css for schemereceipt page */

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

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

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

.lbllbl {
    color: #800060;
    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: #f0eee4;
    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: #f0eee4;
    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: #f0eee4;
}

.lbllblR {
    float: right;
}

.chkchk {
    color: darkmagenta;
    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;
}

.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: 1192px;
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 17px;
    border-color: darkslategray;
    border-radius: 10px;
    height: 160px !important;
    background-color:ivory;
}

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

.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%;
    font-size:small;
}

    .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: rgb(128, 0, 96);
    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: rgb(128, 0, 96);
    font-family: tw cen mt;
    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:15px;
}

.prodicon:hover{
    box-shadow:darkmagenta 0px 0px 15px;
    padding:3px;
}

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

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

.fbold{
    font-weight:bold;
}

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

.ourproducts{
    overflow-y:auto;
    overflow-x:hidden;
    min-height:550px;
    width:100%;
    display:inline;
}

.prodimg {
    margin: 10px;
    height:200px;
    width:275px;
}

.drpsort{
    width:130px;
}

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

.lblprod {
    color: #800060;
    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: #800060;
    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: #800060;
    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;
    font-size:13px;
}

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

.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 lightyellow;
}

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

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

.lblpp {
    color: #800060;
    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;
}

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

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

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

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.pnlBackGround {
    position: fixed;
    top: 10%;
    left: 10px;
    width: 475px;
    height: 275px;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
    animation: fadein 1s ease;
}

    .pnlBackGround .custom-trans {
        position:relative;
        display:block;
        transform: scaleY(1);
        animation: fadein 1.5s ease;
    }

.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: #800060;
        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;
    }

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

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

.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;*/
    border:none;
    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: #800060;
    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%;    
}

.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;
}

.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: rgb(128, 0, 96);    
    text-decoration: none;
}

.textsiri {
    padding: 10px;
    color: rgb(128, 0, 96);
    font-family: tw cen mt;
    font-size: 17px;    
}

.prodbtns{
    height:45px;
}

.adlogout{
    float:right;
    margin-right:3%;
    background-color:white;
}

.tmar{
    margin-top:15px;
}

.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:#800060;
}

.lnkadd {
    color: darkmagenta;
    font-family: tw cen mt;
    font-size: 20px;
}

.lnkadd:hover{
    color:darkred;
}

.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: rgb(128, 0, 96);
    margin:0px 2%;
    width:20%;
    border:1px solid white;
}

.whyus {
    background-color: rgb(128, 0, 96);
}

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

.transferscheme{
    height:400px;
    background-color:lightyellow;
}

.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: #800060;
    }
}

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

    to {
        left: 10px;
        color: #800060;
    }
}

.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: #800060;
    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:white;
    font-size:17px;
    font-family:'Tw Cen MT';
    background-color:#800060;
}

.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;
    }

.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:#800060;
}

.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: darkmagenta;
}

.silv_H{
    height:250px !important;
}

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

.lnkview {
    font-size: 16px;
    color: darkmagenta;
    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: #800060;
    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;
}

.spantxt {
    color: mediumvioletred;
    font-size: 12px;
    text-align:center;
}

.orderform{
    color:darkmagenta;
    display:inline-flex;
    justify-content:space-evenly;
}

.fright_txt{
    float:right;
}

.calendar {
    position: absolute;
    background-color: whitesmoke;
    font-family: tw cen mt;
    width: 250px;
}

.btnctrls{
    font-size:15px !important;
    margin:5px;
    width:120px !important;
}

.dashboard i {
    font-size: 45px;
}

.lblheaders {
    color: #5f851d;
    font-weight: bold;
    font-size: 22px;
    padding-left: 20px;
}

.homehr {
    position: relative;
    top: -20px;
    border-top-color: lightgray;
}

.divtab1 {
    color: white;
    background-color: mediumvioletred !important;
}

.divtab2 {
    color: white;
    background-color: mediumturquoise !important;
}

.divtab3 {
    color: white;
    background-color: darkgoldenrod !important;
}

.divtab4 {
    color: white;
    background-color: mediumorchid !important;
}

.divtab5 {
    color: white;
    background-color: darkorange !important;
}

.divtab, .dtab {
    padding: 10px;
    border: 1px solid lightgray;
    margin: 5px;
    height: 75px;
    background-color: ghostwhite;
}

.lbldval2 {
    color: yellow;
    font-size: 27px;
    float: right;
    top: -25px;
    position: relative;
}

.lbldval1 {
    font-size: 15px;
    color: whitesmoke;
    float: right;
}