body {
    font-family: 'Roboto', sans-serif;
    font-weight: normal; 
    color: #5F5F5F;
}

.custom-tabs .nav-link {
    color: #333;
    border: none;
    border-bottom: 2px solid transparent;
    margin-right: 10px;
    font-weight: 500;
}

    .custom-tabs .nav-link.active {
        background-color: #555;
        color: #fff;
        border-radius: 5px 5px 0 0;
        border-bottom: 2px solid #555;
        font-weight: bold;
    }

    .custom-tabs .nav-link:hover {
        border-bottom: 2px solid #999;
    }

.accordion-button {
    background-color: #ccc;
    font-weight: bold;
}

.form-check-label {
    cursor: pointer;
}

.pagination .page-link {
    border-radius: 0.25rem;
}

.pagination .page-item.active .page-link {
    color: #fff;
}

footer {
    font-size: 0.875rem;
    color: #666;
}

/* Loader overlay */
#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000006b; /*rgba(255, 255, 255, 0.85)*/
    ;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Spinning circle */
.loader-spinner {
    width: 50px;
    height: 50px;
    border: 6px solid #ddd;
    border-top: 6px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}




/* ::::: http://192.168.1.89/09va/css/styles.css ::::: */

/*body { 
font-family: Arial,Helvetica,sans-serif; 
font-weight: normal; 
font-size: 11px; 
 
}
body.tberry
{*/
/*background: RGB(0, 70, 127);*/
/*background: #416ba9;
}
a { color: rgb(77, 91, 83); text-decoration: none; }
a:hover { color: rgb(123, 149, 185); }
a.back2top { background: transparent url('images/back2top.gif') no-repeat scroll 0pt 0pt; float: right; width: 20px; height: 15px; }
a.back2top:hover { background-position: 0pt 100%; }

.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }
.clearB { clear: both; }

#container { margin: 0pt auto; width: 980px; }
* html #container { width: 1000px; }
#header { height: 120px; }
#dvtopcontact
{
    text-align: left;
    font-size: 11px;
    width:690px;
    float:right;
    line-height:15px;
    color:#2C0079;
    margin-right: 10px;
}

a.logo { background: transparent url('images/header_logo.png') no-repeat scroll 0% 0%; display: block; width: 317px; height: 130px; text-indent: -9000px; font-size: 1em; margin-top:10px; }
#topmenu { margin: 0pt 0pt 2px; padding: 0pt 0pt 0pt 5px; height: 33px; background-color:#6e6782; border:1px solid #ccc; }
#topmenu li { display: inline; list-style-type: none; list-style-image: none; list-style-position: outside; }
#topmenu a { margin: 2px 0pt 0pt 20px; padding: 0pt; float: left; font-family: Arial; text-decoration: none; font-size: 12px; font-weight: normal; color: rgb(255, 255, 255); }
* html #topmenu a {  }
#topmenu a span { margin: 0pt; padding: 8px 5px 10px; float: left; display: block; }
#topmenu a span { float: none; }
#topmenu a:hover span { background-color:#fff ; color: orange; }
#topmenu a:hover { background-color:#fff ; color: orange; text-decoration: none; }

#contentbox { margin: 0pt 0pt 0pt 220px; background:#fff; min-height:700px; padding:4px 2px; }
.tablestyle1 td { padding: 15px 10px; }
#banner { background: transparent url('images/bg_search.png') no-repeat scroll left top; width:755px; height: 312px; }
#sidebar { float: left; width: 207px; font-size: 12px; font-family: Verdana,Arial,Helvetica,sans-serif; background-color: rgb(255, 255, 255); }

.spacer { overflow: hidden; height: 5px; width: 100%; }
.divider { overflow: hidden; height: 1px; width: 100%; background-color: rgb(255, 255, 255); }
h1, h2, h3, h4 { font-family: "Georgia",Times New Roman,Times,serif; font-weight: normal; margin-bottom: 10px; }
h1 { font-size: 22px; color: rgb(51, 51, 51); }
h2 { font-size: 17px; color: rgb(113, 113, 113); }
h3 { font-size: 15px; color: rgb(113, 113, 113); }
h4 { font-size: 13px; color: rgb(113, 113, 113); }
p { padding: 0pt 0pt 1.5em; line-height: 18px; }

div#search
{
    float: right;
    width: 350px;
    position: relative;
    top: 5px;
    right: 20px;
}
div#search a
{
    font-size: 10px;
}
div#search a:hover
{
    text-decoration: underline;
}
input.inputSearch
{
    margin: 3px 0 0 0;
    float: left;
    border: 1px solid #b67126;
    background-position: -5px 0;
    width: 190px;
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
    color: #777;
}
.goButton
{
    border: none;
    background-color: #b67126;
    color: #fff;
    margin: 3px 0 0 5px;
    padding: 0 8px;
    font-size: 0.9em;
    cursor: pointer;
}
div#search h5
{
    width: 100px;
    padding: 5px 0 5px 10px;
    text-align: center;
    float: right;
    position: absolute;
    right: -10px;
    top: 0;
}


.search { padding: 0pt 0pt 3px; background: transparent url('images/searchbg2.gif') no-repeat scroll 0% 0%; float: right; position: relative; top: 0pt; right: 5px; height: 30px; width: 400px; margin-top: 2px; }
#sbox1 { margin-top: 6px; width: 270px; }
.search label { margin: 0pt; padding: 0pt; display: block; float: left; width: 80px; height: 15px; }
input.txtSearch { border: medium none ; margin: 0pt; padding-left: 0pt; height: 15px; width: 195px; float: right; display: inline;  background:transparent; cursor: text; }
#sbox2 { float: right; width: 125px; height: 20px; margin-top: 5px; }
.searchbutton { border: medium none ; background: transparent url('images/button_go.gif') no-repeat scroll 0% 0%; width: 36px; height: 19px; cursor: pointer; }
.buttonadvanced { border: medium none ; background: transparent url('images/button_advanced.gif') no-repeat scroll 0% 0%; position: absolute; top: 5px; right: 5px; display: block; width: 81px; height: 19px; }


#searchbox { padding: 0pt 0pt 0pt 10px; background: transparent url('images/banner.png') no-repeat scroll 0% 0%; height: 251px; }
#searchbox2a { padding-top: 50px; width: 488px; height: 26px; }
#searchbox2a span { float: left; height: 26px; width: 136px; }
.asearch2 { margin: 0pt 0pt 0pt 2px; background: transparent url('images/asearch2.gif') no-repeat scroll 0pt 0pt; display: block; width: 136px; height: 26px; }
.asearch2:hover { background-position: 0pt 100%; }
#searchbox2b { padding: 10px; background-color: rgb(70, 70, 70); height: 40px; width: 430px; }
#searchbox2b input { border: medium none ; margin: 0pt; padding: 5px 8px; width: 290px; font-size: 24px; font-weight: normal; background-color: rgb(244, 244, 244); color: rgb(70, 70, 70); }
#searchbox2b table tr td { padding: 0pt 10px 0pt 0pt; width: 430px; height: 40px; vertical-align: top; }
.btnSearch { border: medium none ; margin: 0pt; padding: 0pt; background: rgb(70, 70, 70) url('images/button_search.png') no-repeat scroll 0pt 0pt; cursor: pointer; display: block; width: 110px ! important; height: 39px ! important; }
.btnSearch:hover { background-position: 0pt 100%; }
#products { margin: 0pt; width: 755px; }
.s-main { padding: 5px 13px 5px 10px; color: rgb(255, 255, 255); font-weight: bold; background-color:#044894; }


.dots { margin: 5px 0pt; background: transparent url('images/dot2.gif') repeat-x scroll 0pt 2px; overflow: hidden; height: 5px; }

#footer { margin: 20px 0pt; background:#6e6782; height: 90px; font-family: Verdana; font-size: 9.95px; color: rgb(160, 163, 161); }
#footer a { font-weight: bold; color: rgb(160, 163, 161); }
#footer a:hover { color: rgb(6, 102, 51); text-decoration: underline; }
#footer ul { display: block; margin-top: 10px; }
#footer ul li { padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#footer span { padding: 0pt 5px; line-height: 20px; }
#ftop { background: transparent url('images/top.gif') no-repeat scroll 75px 4px; padding-right: 15px; }
#flogo { margin: 0pt 20px 0pt 30px; background: transparent url('images/footer_logo.png') no-repeat scroll 0% 0%; overflow: hidden; float: left; width: 150px; height: 56px; display: block; text-indent: -9000px; }*/


/* product page default */
    /*#productPage{
		margin:0;padding:0;
	}
	#productPage2a {	
		margin-top:-2px;
		padding:5px 5px;
	}
	#productPage2a ul li {
		display:block;
		float:left;*/
        /*margin: 10px 20px 20px 30px;*/
        /*margin: 10px 6px 10px 0;
	}

	#productPage2a span {
		width: 180px;
		color:#cbcbcb;
		position:absolute;
    	text-align:center;
		margin:84px 0 0 0;
		cursor:pointer;
		color:#FFFFFF;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
	}
	#productPage2a  a{
		width:180px;
		height:102px;
		display:block;
		text-decoration:none;
		color:#c8c8c8;
	}*/


    /* Quick Ship Info  */
    /*.QuickshipInfo {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    display: block;
    text-decoration: none;
    color: rgb(77, 91, 83);
    line-height: 18px;
    list-style-type: circle;
    }

    .quickship-h2 {
    font-size: 16px;
    line-height: 28px;
    vertical-align: top;
    margin: 0;
    background: #fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    }

    #contentbox-quickship {
    margin: 10px 25px 0px 25px;
    }

    .QuickshipInfo img {
    width: 30px;
    }

    .QuickshipInfo li {
    margin-top: 8px;
    }

    .quickship-span {
    width: 100%;
    display: block;
    height: 1px;
    background-color: #ccc;
    margin-top: 10px;
    }*/


