/* CSS Codes by: Gerry */

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
border:0pt none;
font-size:100%;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
}

/* body */
body {
margin:0;
padding:0;
font-size:13px;
font-family:Arial, Verdana, Tahoma;
color:#0738C7;
background:url('../images/body-bg.jpg') repeat-x left top #FFF68E;
}

/* font face */

@font-face {
    font-family: 'CenturyGothicReg';
    src: url('fontstyle/centuryregular/gothic.eot');
    src: url('fontstyle/centuryregular/gothic.eot') format('embedded-opentype'),
         url('fontstyle/centuryregular/gothic.woff') format('woff'),
         url('fontstyle/centuryregular/gothic.ttf') format('truetype'),
         url('fontstyle/centuryregular/gothic.svg#CenturyGothicReg') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('fontstyle/centurybold/gothicb.eot');
    src: url('fontstyle/centurybold/gothicb.eot') format('embedded-opentype'),
         url('fontstyle/centurybold/gothicb.woff') format('woff'),
         url('fontstyle/centurybold/gothicb.ttf') format('truetype'),
         url('fontstyle/centurybold/gothicb.svg#CenturyGothicBold') format('svg');
}

@font-face {
    font-family: 'vijayaregular';
    src: url('fontstyle/vijayaregular/vijaya-webfont.eot');
    src: url('fontstyle/vijayaregular/vijaya-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontstyle/vijayaregular/vijaya-webfont.woff') format('woff'),
         url('fontstyle/vijayaregular/vijaya-webfont.ttf') format('truetype'),
         url('fontstyle/vijayaregular/vijaya-webfont.svg#vijayaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vijayabold';
    src: url('fontstyle/vijayabold/vijayab-webfont.eot');
    src: url('fontstyle/vijayabold/vijayab-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontstyle/vijayabold/vijayab-webfont.woff') format('woff'),
         url('fontstyle/vijayabold/vijayab-webfont.ttf') format('truetype'),
         url('fontstyle/vijayabold/vijayab-webfont.svg#vijayabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*basics*/
img, a { border:none; outline:none !important}
a { text-decoration:none; color:#B3262E;}
a:hover { text-decoration:underline; color:#c1286d;}
.comp{ color:#B70F15; font-weight:bold; }
.comingsoon{ color:red; font-weight:bold; font-style:italic; }
.clearfix{ clear:both; overflow:hidden; }
.floatleft-img{ float:left; padding:0 10px 0 0;}
.floatright-img{ float:right; padding:0 0 0 10px;}
.f-left{ float:left;}
.f-right{ float:right;}
.border-radius{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;}

/*layers*/
#wrapper{ width:980px; height:auto; margin:0 auto 0 auto;}
#banner{ width:980px; height:154px; background:url('../images/banner-bg.jpg') no-repeat;}
#nav{ width:980px; height:42px; font-size:14px; font-family:'CenturyGothicBold'; text-align: center; margin-top: 10px;}
#main{ width:980px; height:auto; background:url('../images/main-bg.jpg') no-repeat #fff; padding:0 0 10px 0}
#footer{ width:980px; height:102px; background:url('../images/footer-bg.jpg')  repeat-x; font-family:Verdana; font-size:14px; text-align:center}

/* inside banner */
#banner div.f-left{width:388px; padding:5px 0 0 0}
#banner div.f-left form{margin:5px 0 0 0; padding:0; display:block}
#banner div.f-left form input#searchproduct{width:206px; height:25px; background:url('../images/search-banner-input-bg.png') no-repeat left top; border:0; font-style:italic; color:#747474; padding-left:5px}
#banner div.f-left form input#searchproduct:hover, #banner div.f-left form input#searchproduct:focus{background-position:left bottom}
#banner div.f-right{width:592px;}
#slogan-number{text-align:center; float:left; padding:30px 0 0 60px}
#slogan-number span{display:block; font-size:14px; color:#b70e17; font-family:'CenturyGothicBold'}
#slogan-number span.bold{font-size:20px;}
#slogan-number span.normal{font-family:'CenturyGothicReg'; padding:5px 0 0 0}
#cart-banner{float:right; width:235px; height:auto; background:url('../images/cart-banner-bg.jpg') no-repeat left top; font-size:14px; color:#fff; font-family:'CenturyGothicReg'; margin:10px 0 0 0}
#cart-banner span{display:block; text-align:right; padding:2px 45px 0 0}
#cart-banner span#social{padding:15px 10px 0 0!important}
#cart-banner span#social a{padding:0 0 0 8px}

/*inside navigation bar */
#nav ul { padding:0 0 0 0; margin:0; list-style:none;}
#nav ul li{ display:inline-block; line-height:42px; position: relative; vertical-align: top;}
#nav ul li a{color:#fff; text-decoration:none; background:url('../images/nav-left-bg.jpg') no-repeat left top; margin:0 0 0 2px; display: block;}
#nav ul li a span{padding:0 6px; display:block; background:url('../images/nav-right-bg.jpg') no-repeat right top;}
#nav ul li:last-child a{float:right!important; padding:0 0 0 4px}
#nav ul li a:hover{background:url('../images/nav-left-hover.jpg') no-repeat left top; color:#000}
#nav ul li.current a{background:url('../images/nav-left-hover.jpg') no-repeat left top;}
#nav ul li a:hover span, #nav ul li.current a span{background:url('../images/nav-right-hover.jpg') no-repeat right top; color:#000}

.sub-menu { position: absolute; text-transform: none; display: none; z-index: 1;}
.sub-menu li { display: block !important; }
.sub-menu li a { width: 200px; height: auto; display: block; padding-left: 10px !important; background: url('../images/nav-left-bg.jpg') no-repeat left top !important;}
.sub-menu li a span { background: url('../images/nav-right-bg.jpg') no-repeat right top !important; color: #fff !important; }
.drop_down.fa-caret-up { transform: rotate(-180deg); top: 3px; }
.sub-menu li a:hover{ background: url('../images/nav-left-hover.jpg') no-repeat left top !important; }
.sub-menu li a:hover span { background: url('../images/nav-right-hover.jpg') no-repeat right top !important; color: #000 !important; }

.drop_down { cursor: pointer; width: 0; height: 13px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid white; position: absolute; top: 16px; right: 6px; bottom: 0; display: block;}
.menu-item-has-children span { padding: 0 30px 0 10px !important; }
/* Flash */
#flash{width:980px; height:367px; background:url('../images/flash-bg.png') no-repeat; position:relative}
#flash div.f-left{z-index:-1; position:absolute; top:0; left:0}
#flash div.f-right{position:absolute; top:16px; right:30px}
#flash div.f-right ul{list-style:none; margin:0; padding:0}
#flash div.f-right ul li{line-height:55px; font-family:'CenturyGothicBold'; margin:0 0 2px 0}
#flash div.f-right ul li a{font-size:16px; color:#fff; text-decoration:none; display:block}
#flash div.f-right ul li#firsttab a{background:url('../images/flash-right-tab1.jpg') no-repeat left top; width:206px; margin-left:54px; padding-left:20px}
#flash div.f-right ul li#secondtab a{background:url('../images/flash-right-tab2.jpg') no-repeat left top; width:207px; margin-left:48px; padding-left:25px}
#flash div.f-right ul li#thirdtab a{background:url('../images/flash-right-tab3.jpg') no-repeat left top; width:209px; margin-left:33px; padding-left:38px}
#flash div.f-right ul li#fourthtab a{background:url('../images/flash-right-tab4.jpg') no-repeat left top; width:210px; padding-left:70px}
#flash div.f-right ul li a:hover{background-position:left bottom!important}

/* inside main */
#col-a{width:262px}
#left-top{padding:25px 0 0 0}
#left-top h2{background:url('../images/left-tab-title-bg.jpg') no-repeat left top; height:65px; font-size:22px; color:#fff; font-family:'CenturyGothicReg'; line-height:25px; padding:8px 0 0 20px}
#left-top h2 span{display:block; font-size:40px; font-family:'vijayaregular'}
#left-top ul{list-style:none; margin:10px 0 0 15px; padding:0; font-family:'CenturyGothicBold'}
#left-top ul li{line-height:30px; margin:0 0 3px 0}
#left-top ul li a{display:block; padding:0 0 0 20px; width:211px; height:30px; background:url('../images/left-tabs.png') no-repeat left top; font-size:14px; color:#fff; text-decoration:none;}
#left-top ul li a:hover, #left-top ul li.current a{background-position:left bottom; color:#000}
#left-top img{margin:0 0 0 15px;}
#left-top a.leftbuttons{display:block; width:212px; height:46px; background:url('../images/left-button.png') no-repeat left top; line-height:46px; color:#fff; font-size:22px; text-decoration:none; font-family:'vijayabold'; padding:0 0 0 20px; margin:10px 0 10px 15px}
#left-top a.leftbuttons:hover{background-position:left bottom}
#left-middle{font-size:13px; background:url('../images/left-category-bg.jpg') repeat-y left center}
#left-middle h2{background:url('../images/left-arror-title-bg.png') no-repeat left center; padding:8px 0 8px 20px; margin:0 0 0 16px; font-size:18px; font-family:'CenturyGothicBold'}
#left-middle ul{list-style:bullet; padding:10px 0 20px 30px; border-top:1px dashed #ffe0a9;}
#left-middle ul li{padding:0 0 5px 0}
#left-middle ul li a{color:#000; text-decoration:none;}
#left-bottom{background:url('../images/left-contact-info-bg.jpg') repeat-y; margin:10px 0 0 14px; padding:18px 0 18px 20px; color:#fff; width:220px;}
#left-bottom h2{font-size:22px; color:#fff; font-family:'CenturyGothicReg'; line-height:25px; margin:0 0 30px 0}
#left-bottom h2 span{display:block; font-size:40px; font-family:'vijayaregular'}
#left-bottom p{padding-left:5px;}
#left-bottom p#add{background:url('../images/add-icon.png') no-repeat left top; line-height:18px; width:203px; margin-left:-15px; padding-left:20px;}
#left-bottom p#phone{background:url('../images/tele-icon.png') no-repeat left center; margin:10px 0 0 -15px; width:203px; padding-left:20px;}
#left-bottom p#email{background:url('../images/email-icon.png') no-repeat left center; margin:10px 0 0 -15px; width:203px; padding-left:20px;}
#left-bottom p#email a{text-decoration:underline; color:#fff; font-weight:bold;}
#left-bottom p#email a:hover{text-decoration:none}

.side-sub-menu { margin: 10px 0 10px 15px !important; }
.side-sub-menu li a { width: 196px !important; background-position: left top !important; color: #fff !important; }
.side-sub-menu li a:hover{background-position: left bottom !important; color: #000 !important;}
.side-sub-menu li.currents a{background-position: left bottom !important; color: #000 !important;}

#col-b{width:695px; padding:25px 5px 0 0}
#thumb div.f-left{width:227px; height:auto; font-size:12px; color:#0738C7; margin:0 5px 0 0}
#thumb div.f-left:last-child{margin:0}
#thumb div.f-left h2{width:207px; height:42px; background:url('../images/thumb-title-bg.jpg') no-repeat; font-size:24px; color:#fff; font-family:'vijayabold'; padding:0 0 0 20px; margin:0 0 5px 0}
#thumb div.f-left div.thumbcontent{height:90px; padding:20px 25px 20px 20px}
#thumb div.f-left div.thumbcontent a{display:block; width:70px; padding:10px 0 0 0; color:#c91922; font-weight:bold; text-decoration:none;}
#thumb div.f-left div.thumbcontent a:hover{color:#000}
#thumb div.f-left div#thumbbox1{background:url('../images/thumb-box1-bg.jpg') no-repeat;}
#thumb div.f-left div#thumbbox2{background:url('../images/thumb-box2-bg.jpg') no-repeat;}
#thumb div.f-left div#thumbbox3{background:url('../images/thumb-box3-bg.jpg') no-repeat;}

#content{padding:20px 10px 20px 10px; color:#0738C7; line-height:20px}
#content figure{text-align: center; margin: 0 auto;}
#content h1{font-size:28px; color:#3a3838; font-family:'Trebuchet MS'; font-weight:normal; padding:10px 0}
#content h1 span{font-weight:normal!important; color:#b70f15!important}
#homefeature h1{background:url('../images/feature-title-bg.jpg') no-repeat; height:51px; font-size:32px; color:#fff; font-family:'vijayabold'; padding:0 0 0 20px}
#homefeature div.clearfix{padding:20px 0 0 0}
#homefeature div.f-left{width:135px; margin:0 140px 50px 0}
#homefeature div.prodname{font-family:'vijayabold'; font-size:20px; color:#b70f15}
#homefeature div.proddesc{font-size:14px; color:#383535; padding:5px 0 10px 0}
#homefeature div.f-left a{font-weight:bold; color:#0650d7; text-decoration:none;}
#homefeature div.f-left a:hover{color:#000}
#homefeature div.no-margin{margin-right:0!important;}
.bullet{list-style-type: none;}
.bullet_list li{margin-left: 15px;}
#content h3 {margin-top: 20px;  color: red;}
#content p span{color: red; font-weight: bold;}
hr{border: 1px dashed gray;}
/* inside footer */
#footer a{ text-decoration:none; color:#FFF; }
#footer a:hover { text-decoration:underline; }
#footer ul {color:#fff; padding:40px 0 0 0}
#footer ul li { display:inline; }
#footer ul li a{color:#FFF;}
#footer ul li a:hover{ text-decoration:underline; }
#footer ul li.spacer{padding:0 3px;}

#copyright {color:#fff; margin-top:8px}
#copyright span{padding:0 20px}
#copyright a { text-decoration:none; color:#fff !important; }
#copyright a:hover { text-decoration:underline; }

.resources {font-size:14px; }
.resources a {color:#990100; text-decoration:none; display:block;font-weight:bold;}
.resources a:hover {color:#ff0000; text-decoration:none; padding-left:1px;}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE; border:1px solid #ACD7D6; border-bottom:2px solid #95CCCB;}

/* services page */
.serviceslist{list-style:none}
.serviceslist li strong{background:#0531AE; color:#fff; display:block; padding:4px; margin:0 0 1px 0; cursor:pointer}
.serviceslist ul{padding:0 0 15px 30px;}
.servicescontent{display:none; border:1px dashed #FFDE20; padding:10px}

#myframe{width: 100%;}
.thumb_right{float: right;}

.second_h2 { font-size: 16px; margin: 10px 0; }

#content\ ncov_cont p a{width: 300px; display: block; margin: 20px auto 0;}
#content\ ncov_cont div{width: 49%; display: inline-block; margin: 20px 0 0;vertical-align: top;}
#content\ ncov_cont p{margin: 0;}

.ncov_btn{background:#b70e17;background: radial-gradient(circle, rgba(255,116,116,1) 0%, rgba(183,14,23,1) 100%);color:#fff;padding: 10px;display: inline-block;margin-top: 10px;font-weight:700;border-radius:5px}
.ncov_btn:hover{opacity:0.7;color:#fff}

.rapid_covid_qr{float:right}
.rapid_covid_qr img{width: 100px;}