@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*Roboto Bold*/
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/Roboto-Light-webfont.woff2') format('woff2'), 
         url('../fonts/Roboto-Light-webfont.woff') format('woff'), 
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'), 
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/*Roboto Regular*/
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/Roboto-Regular-webfont.woff2') format('woff2'), 
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'), 
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), 
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/*Roboto Medium*/
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/Roboto-Medium-webfont.woff2') format('woff2'), 
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'), 
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'), 
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/*Roboto Bold*/
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/Roboto-Bold-webfont.woff2') format('woff2'), 
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'), 
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), 
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html, body  { font-family: 'robotoregular'; font-weight: normal; font-size: 13px; background: #F6F6F6; margin: 0px; padding: 0; text-align: center;  color: #666666; height: 100%;position: relative;overflow-x: hidden;}
b, strong{font-family: 'robotomedium';font-weight: 500;}

td, th, p, span, div{font-size:14px; color:#333333; font-family: 'robotoregular'; font-weight: normal; line-height:15px; }
th{font-family: 'robotomedium'; font-weight: 500;}
img{ border:0px;}

A { FONT-SIZE: 11px; COLOR: #1B4B8D; TEXT-DECORATION: none }
A:link { COLOR: #1B4B8D }
A:visited { COLOR: #1B4B8D }
A:hover { COLOR: #333333 }

A.sml { FONT-SIZE: 10px; COLOR: #1B4B8D; TEXT-DECORATION: none }
A.sml:link { COLOR: #1B4B8D }
A.sml:visited { COLOR: #1B4B8D }
A.sml:hover { COLOR: #333333 }


hr {height:0px; border:dotted 2px #DBDBDB; margin:0px; }
form {margin:0px; padding:0px;overflow-x: hidden;}
select {border-top:solid 1px #999999; border-left:solid 1px #AAB3B3; border-right:solid 1px #AAB3B3; border-bottom:solid 1px #D5DDDD; background-color:#F7F7F7; font-size:11px; font-family:'robotoregular';}

h1{ font-family: 'robotobold';font-weight:700; font-size:20px; color:#216272; margin:0px;}
h2{ font-family: 'robotobold';font-weight:700; font-size:18px; color:#333; margin:0px;}
h3{ font-family: 'robotobold';font-weight:700; font-size:16px; color:#216272; margin:0px; padding:5px 0px 5px 0px;}
h3 a:link, h3 a:visited{font-weight:700; font-size:14px; color:#216272; margin:0px;}
h4{font-family: 'robotobold';font-weight:700; font-size:14px; color:#216272; margin:0px; padding:0px;}

input[type="text"], input[type="textarea"], select {min-width: 127px;border: solid 1px #dde3e8;background-color: #FFFFFF;font-family: 'robotoregular';font-size: 13px;padding: 8px 10px;}
select{border: solid 1px #dde3e8;background-color: #FFFFFF;font-size: 13px;padding: 8px 10px;min-width: 150px;}
input[type=radio]{min-width: auto!important;}

input:active {BACKGROUND-COLOR: #fff}
input:focus {BACKGROUND-COLOR: #fff}
input:hover {BACKGROUND-COLOR: #fff}

input[type="checkbox"] { border:0px; background-color:#fff;margin-right: 5px;}
input[type="checkbox"]:hover { background-color:#efefef;}
input[type="radio"] { border:0px; background-color:#fff;}
input[type="image"] {min-width: auto!important;}
input.checkbox {border:0px; background-color:#fff;}
input.radio {border:0px; background-color:#fff;}

table td, table th {padding-bottom: 15px;}
.d-flex {-moz-display: flex;-webkit-display: flex;-ms-display: flex;display: flex;}
.pb-0{padding-bottom:0!important}

.contpos{position:absolute; width:100%; left:0px;}
.twoColFixLtHdr #container {width:780px; background:#FFFFFF; margin:0 auto; text-align: left; position:relative; top:130px;} 

#containeradm{width:90%; background:#F6F6F6;  text-align: left; margin:0 auto; margin: 0 auto; display: inline-flex;}
#containeradm1{width:100%; background:#F6F6F6;  text-align: left;}
.containeradm{width:90%; background:#F6F6F6;  text-align: left;margin: 0 auto;}

.containeradm.logo{padding: 10px 0px;overflow: hidden;}
.headerpos {position:absolute; width:100%; top:0px; left:0px;}
.twoColFixLtHdr #header {padding: 0; margin:0 auto; position:relative;} 

#logodiv { width:200px; padding-bottom:10px; float:left  }
#ttllogo { float:left; /*margin-top:50px*/ margin-top:23px;}

#clientcentdiv{ float:right; margin-left:450px; margin-top:-29px; position:absolute}

#livechat {   float:right;  margin-top:25px; margin-right:-95px;}
#chatno {  float:right;  margin-top:75px; text-align:center; margin-right:-140px; width:141px; color:#1B4B8D; font-size:12px; font-weight:bold; }

#topcart{float:right; margin-left:400px; position:absolute; margin-top:-65px;}
#topcartnew{margin-top:25px; margin-left:400px;}

#topmenu { clear:both; background-image:url(../images/menuright.jpg); height:38px; background-position:right;  }
.menuleft{ background-image:url(../images/menuleft.jpg); width:10px; height:38px; float:left; }
.menutext{ height:28px; padding-top:10px; margin-left:20px;background-image:url(../images/clientbg.jpg); background-repeat:no-repeat; background-position:232px 6px; float:left; }
.menutext_res_clt{ height:28px; padding-top:10px; margin-left:10px; }
.menutext_res_adm{ height:28px; padding-top:4px; margin-left:0px;}

.clienttext a:link, .clienttext a:visited { color:#FFFFFF;}
.clienttext a:hover { color:#FFFFFF;}

#topmenu ul { margin:0px; padding:0px;}

#topmenu li{display: inline; margin:0px; padding-left:8px; padding-right:6px; font-family: 'robotoregular';  border-right:solid 1px #93b6dd;}
#topmenu li.lst{border-right:solid 0px;}
#topmenu li a{ text-decoration:none; font-size:12px; font-weight:bold  }

#topicons { float:right; margin:0px; padding:0px; }
#topicons li{ display: inline; margin-left:8px; padding:0; margin-top:0px; border-right:1px solid #CCCCCC; padding-right:10px;}
#topicons li.lst{border-right:solid 0px;}

.menuleft_adm{ background-image:url(../images/menuleft.jpg); width:10px; height:38px; float:left; margin-top:-7px;}
#topmenu_adm {clear:both; background:url(../images/menurightbg.jpg) left top; height:31px; padding:7px 0 0 10px; border:solid 1px #578cd0; -webkit-border-radius: 7px;
-moz-border-radius: 7px; border-radius: 7px;}
#topmenu_adm ul {margin:0px; padding:0px;}
#topmenu_adm li{display:inline; margin:0px auto; padding-left:9px; padding-right:9px; font-family:'robotoregular'; border-right:solid 1px #93b6dd; text-align:center;}
#topmenu_adm li.lst{border-right:solid 0px;}
#topmenu_adm li a{ text-decoration:none; font-size:14px; font-weight: normal; margin:0 auto;}


.twoColFixLtHdr #sidebar1 {float: left; width:210px; padding:10px 0px; }

#quicklinks{ background-image:url(../images/quicklinks.jpg); background-repeat:no-repeat; width:210px; height:129px; padding-top:8px;  }

#quicklinks ul{ padding:0px; margin:0px; }
#quicklinks li{ list-style-position:outside; list-style:none; background-image:url(../images/buttletimg.gif); line-height:22px; background-position: 0 6px; background-repeat:no-repeat; margin:0px; padding-left: 15px; margin-left:12px;}
#quicklinks li a{ margin-left:5px; text-decoration:underline; font-size:12px; color:#000000;}
#quicklinks li a:hover{text-decoration:none; color:#216272 }

#support{ float:left; background-image:url(../images/imgsupport.jpg); background-repeat:no-repeat; width:210px; height:55px; padding-top:8px; text-align:center; line-height:22px; font-size:14px; color:#666666; padding:85px 0px 0px 0px ; font-weight:550; margin-top:10px; }
#support a{ color:#000000; text-decoration:underline}
#support a:hover{text-decoration:none; color:#216272 }


.topleft{ float:left; background-image:url(../images/lefttop1.jpg); height:24px; background-repeat:no-repeat; background-position:top left; width:175px; font-size:18px; font-weight:500; padding-left:35px; padding-top:10px; margin-bottom:0px; padding-bottom:0px; margin-top:15px;}
.leftbox { float:left; border-left:solid 1px #DBDBDB; width:208px; border-right:solid 1px #DBDBDB; padding-bottom:10px; margin-top:-10px; } 
.leftbox p{ padding-left:10px; padding-right:10px; padding-top:10px;}  
.bottleft{  float:left; background-image:url(../images/leftbottom.jpg); height:21px; background-repeat:no-repeat; background-position:bottom left; width:210px; margin-top:-20px;}

.imageleft { float:left; padding:0px 0px 0px 10px; margin-top:15px; width:200px; text-align:center;}

.blktopleft{ float:left; background-image:url(../images/lefttop2.jpg); height:15px; background-repeat:no-repeat; background-position:top left; width:210px; font-weight:500; margin-bottom:0px; padding-bottom:0px; }


#topleftbar {background-image:url(../images/topmidback.jpg); background-repeat:repeat-x; height:129px; display:block; }
#topleftbar span{ float:left; background-image:url(../images/topmidleft.jpg); background-repeat:no-repeat; background-position:top left; height:129px; display:block; padding-left:80px; width:79%}
#topleftbar span.last{ float:right; background-image:url(../images/topmidright.jpg); background-repeat:no-repeat; background-position:top right; height:129px; display:block; width:20px; padding-left:0px; }
#topleftbar .leftdiv{ width:200px; border-right:solid 1px #efefef; margin-top:10px; float:left; padding-right:10px;}
#topleftbar .rightdiv{ width:200px; margin-top:10px; float:right }
#topleftbar h1{ font-weight:520; font-size:16px; color:#000000; margin-top:8px; margin-bottom:10px; }
#topleftbar h2{font-weight:500; font-size:13px; color:#333; display: inline;}
#topleftbar h3{font-weight:500; font-size:34px; color:#216272; line-height:40px; display: inline; }

#topleftbar .butnowbutdiv{display:inline; float:right; margin-top:-40px; font-size:13px; color:#006699; font-weight:bold; line-height:20px;}
#topleftbar a{font-size:11px; color:#000; font-weight:normal;}

.punchline { height:28px; text-align:center; padding-top:10px;}

/*Middle Content CSS Start Here */

/*.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 100%; float:left;}
.b {background: url(../images/dot.gif) 0 100% repeat-x; float:left}
.l {background: url(../images/dot.gif) 0 0 repeat-y; float:left}
.r {background: url(../images/dot.gif) 100% 0 repeat-y; float:left}
.bl {background: url(../images/bl.gif) 0 100% no-repeat; float:left}
.br {background: url(../images/br.gif) 100% 100% no-repeat; float:left}
.tl {background: url(../images/tl.gif) 0 0 no-repeat;; float:left}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px; float:left; }

.tr_inner {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px; float:left; width:100%; }*/

.conttitle{font-size: 24px; padding-left:28px; border-bottom:1px solid #DBDBDB; line-height:30px;font-family: 'robotobold'; font-weight:700; padding: 10px 0px 10px 0px; color: #58534f;text-transform: uppercase;}

.conttitlesmall{ background-image:url(../images/titledot.gif); background-repeat:no-repeat; background-position:left top; font-size:15px; font-weight:bold; padding-left:28px; border-bottom:dotted 2px #DBDBDB; line-height:18px; padding-bottom:10px; }

.conttitlesmaller{ background-image:url(../images/titledot.gif); background-repeat:no-repeat; background-position:left top; font-size:12px; font-weight:bold; padding-left:28px; border-bottom:dotted 2px #DBDBDB; line-height:18px; padding-bottom:10px; }

.conthead{ width:258px; float:left; border-bottom:2px dotted #ccc; height:150px;  *width:260px;}

.conthead h1{ font-weight:600; font-size:16px; color:#216272; margin-top:15px; margin-bottom:15px;  margin-left:10px;}
.conthead h1 a,.conthead h1 a:link,.conthead h1 a:visited{ font-weight:500; font-size:16px; color:#216272; margin-top:15px; margin-bottom:15px;  margin-left:10px;}

.conthead h2{font-weight:550; font-size:11px; color:#333; display: inline; margin:0px; font-weight:bold; }
.conthead h3{font-weight:550; font-size:34px; color:#000; line-height:40px; display: inline; margin:0px; padding-left:5px; }
.conthead li{display:inline; list-style:none; float:right; font-size:11px; color:#006699; font-weight:bold; padding-top:10px; vertical-align:middle; line-height:30px; padding-right:10px;}

.conthead a:link, .conthead a:visited{font-size:11px; color:#000; font-weight:normal;}


.contheadtbl{ float:left; border-bottom:2px dotted #ccc; height:150px;}
.contheadtbl h1{ font-weight:600; font-size:16px; color:#216272; margin-top:15px; margin-bottom:15px;  margin-left:10px;}
.contheadtbl h1 a,.contheadtbl h1 a:link,.contheadtbl h1 a:visited{ font-weight:500; font-size:16px; color:#216272; margin-top:15px; margin-bottom:15px;  margin-left:10px;}
.contheadtbl h2{font-weight:550; font-size:11px; color:#333; display: inline; margin:0px; font-weight:bold; }
.contheadtbl h3{font-weight:550; font-size:34px; color:#000; line-height:40px; display: inline; margin:0px; padding-left:5px; }
.contheadtbl li{display:inline; list-style:none; float:right; font-size:11px; color:#006699; font-weight:bold; padding-top:10px; vertical-align:middle; line-height:30px; padding-right:10px;}

.contheadtbl a:link, .contheadtbl a:visited{font-size:11px; color:#000; font-weight:normal;}


.bdrrighhome{border-right:dotted 2px #DBDBDB;} 

.priceback { background-image:url(../images/priceback.jpg); background-repeat:no-repeat; padding-left:20px; padding-right:20px; margin-left:10px; }
.bdrrigh{ border-right:dotted 2px #DBDBDB; width:310px; margin:0px; padding:5px; float:left; vertical-align:top; font-weight:normal;} 

.str{ font-weight:bold; height:20px; text-align:right; padding-top:5px;}

.logos{ display:inline; list-style:none; margin:0px; padding:0px;}
.logos li{ display:inline; list-style:none; padding-left:9px; vertical-align:middle}

/* Middle Content CSS End Here */

.fontblue{ color:#206272; font-family:'robotobold';font-weight:700;}
.fonthreen{ color:#ff7146}
.bigfontred{ color:#FF7146; font-size:12px; }
.fontred{ color:#FF7146; font-weight:bold;}
.fontyellow{ color:#FF9900}
.fontgrey{color:#b0b0b0;font-family:'robotoregular';font-weight:400;}

.twoColFixLtHdr #mainContent { margin: 0 0 0 220px;  padding: 10px 10px ; } 

div#divCustList {z-index: 999;}
#innerContent { overflow: hidden;margin:30px auto 0px auto; padding: 0px 20px 20px 20px; float:left; width:100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;background: #fff;box-shadow: 0px 0px 3px rgb(0 0 0 / 20%);}

.fltrt { float: right; margin-left: 8px; }
.fltlft {float: left; margin-right: 8px; }
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px; }

#footer {border-radius: 3px;margin:15px 0 0px 0;width:100%;background: #fff;box-shadow: 0px 0px 3px rgb(0 0 0 / 20%);display: flex;align-items: center;justify-content: center;padding: 6px 20px;width: 100%;}
#footer .leftimg{float:left; width:60%;} 
#footer .copytext{float:right; color:#818181; padding:10px 15px 10px 0;} 
#footer a{ text-decoration:none; font-size:13px; color:#5d5d5d;font-family: 'robotomedium';  }

.required{ color:#CC0000}

table.logintbl {text-align:left; margin-top:5px;}
.logintbl td{ font-size:14px; font-family:'robotoregular';font-weight:400; line-height:19px; text-align:left;padding:0px 2px 15px 2px; }
.logintbl input, textarea{ min-width: 270px;border:solid 1px #dde3e8; background-color:#FFFFFF; font-size:13px; padding:8px 10px;}
.logintbl select {border:solid 1px #dde3e8; min-width: 270px;background-color:#FFFFFF; font-size:13px; padding:8px 10px;}
.button{width: auto}

.staffnote-table textarea{min-width:unset;}
.staffnote-table select{min-width:unset;width:100%;}

.logintbl input[type="checkbox"] {
    border: 0px;
    background-color: #fff;
    min-width: auto;
}
.logintbl input[type="checkbox"]:hover { background-color:#F0F7E8;}
.logintbl input[type="radio"] { border:0px; background-color:#fff; margin-right:8px;}

.logintbl input.noborder{border:solid 0px;}

table.tblgrd { border:solid 1px #efefef;margin-top: 15px;}
.tblgrd td{ padding:6px;border-right: solid 1px #efefef;border-top: solid 1px #efefef; border-collapse:collapse; vertical-align: middle;}
.tblgrd td:last-child {border-right: 0;}
.tblgrd th{ padding:8px 4px; background:#efefef; text-align:left}

table.tblgrd1 { border:solid 0px #efefef;}
.tblgrd1 td{ padding:0px; border:solid 1px #efefef; border-collapse:collapse   }
.tblgrd1 th{ padding:2px; background:#efefef; text-align:left}

.samplecode{ height:200px; overflow:auto; border:solid 1px #CCCCCC; font-size:10px;}

.noborder{border:solid 0px;}

.bglightgrey { background-color:#f7f7f7; line-height:17px; padding:5px; border:solid 1px #CCCCCC}
/*.button { background-image:url(../images/buttbackgrnd.jpg); background-repeat:repeat-x; border:1px solid #537531; height:30px; color:#FFFFFF; font-weight:bold; padding:5px; font-size:13px;}*/
.button { min-width: 95px!important;background:#FF7146!important; border:1px solid #FF7146 !important; height:34px; color:#FFFFFF; font-family: 'robotoregular';font-weight:normal; padding:5px 10px; font-size:14px!important; cursor:pointer;text-transform: uppercase;}
.greenbutton { min-width: 100px!important;background:#57A34C!important; border:1px solid #57A34C !important; height:30px; color:#FFFFFF!important; font-family: 'robotoregular';font-weight:400; padding:4px 6px; font-size:12px!important; cursor:pointer;border-radius: 2px;text-transform: uppercase;}
.greenbutton:hover, .bthsearch:hover{text-decoration:none}
.bthsearch{background:#57A34C!important; border:1px solid #57A34C !important; height:35px; color:#FFFFFF!important; font-family: 'robotoregular';font-weight:400; padding:6px 14px; font-size:14px!important; cursor:pointer;text-transform: uppercase;}
.btngo{padding: 7px 10px;}

.errormsg{ padding:3px; background-color:#FFE6E6; border:dotted 2px #ccc; background-image:url(../images/errorimg.gif); background-repeat:no-repeat; background-position:5px 2px; padding-left:25px; color:#cc0000; }

.normsg{ padding:3px; background-color:#FFFFDF; border:dotted 2px #ccc; background-image:url(../images/msgimg.gif); background-repeat:no-repeat; background-position:5px 2px; padding-left:25px; color:#000;}

.divannouce{padding:5px; border:solid 2px #223D5E}

.bdrbox{border:solid 1px #ccc; padding:0px; margin:0px; width:520px; font-weight:bold;}
.bdrbox2{padding:0px; margin:0px; width:100%;}
.dotline { border-bottom:dotted 2px #DBDBDB;}


/* Dt picker style */
.dpDiv {

}
.dpTable {
	BORDER: #d5d4d4 1px solid; FONT-FAMILY:'robotoregular'; BACKGROUND-COLOR: #f4f8fb; TEXT-ALIGN: center; width:210px;box-shadow: 0px 0px 3px rgb(0 0 0 / 20%);
}
.dpTR {
    padding-bottom: 0;
}
.dpTitleTR {

}
.dpDayTR td, .dpDayTR th {
    padding-bottom: 0;
}
.dpTodayButtonTR {

}
.dpTD {
    BORDER: 1px solid #dee8f3;width: 31px;height: 25px;padding: 0;cursor: pointer;
}
.dpDayHighlightTD {
	BORDER:1px solid #206272 ; color:#fff;width: 31px;height: 25px;padding: 0;background: #206272;
}
.dpTDHover {
	BORDER:0px solid  #888888; BACKGROUND-COLOR: #206272;width: 31px;height: 25px;padding: 0;;color:#fff;cursor: pointer;
}
.dpTitleTD {
    padding-bottom: 5px;
}
.dpButtonTD { width:20px;padding-top: 2px;padding-bottom: 5px;}
.dpTodayButtonTD {

}
.dpDayTD {
	BORDER: #aaaaaa 1px solid; BACKGROUND-COLOR: #C8DEF7; padding-bottom: 0;
}
.dpTitleText {font-weight: 500;font-size: 13px;color: #58534f;font-family: 'robotomedium';
}
.dpDayHighlight {
	FONT-WEIGHT: 500; COLOR: #fff;font-family: 'robotomedium';cursor: pointer;
}
.dpDayHighlight:hover {color: #fff;cursor: pointer;}
.dpButton {padding: 2px 8px;margin: 0px;FONT-WEIGHT: 400;FONT-SIZE: 14px;line-height: 15px;BACKGROUND: #206272;COLOR: #ffffff;FONT-FAMILY: 'robotoregular';border-radius: 2px; cursor: pointer;border: 0;}
.dpTodayButton {font-weight: 500;font-size: 12px;margin-top: 5px;padding: 3px 5px;background: #206272;color: #fff;font-family: 'robotomedium';text-transform: capitalize;cursor: pointer;border: 0;
}
/* end dtpicker style */

.list li {
	list-style-position: outside; padding-bottom:5px;
	 margin-left:20px;
}

.toptext { text-align:right;} 

.bluebgd {background-color:#ebf5ff; text-align:left;  padding:5px 0px 5px 5px; color:#1b4b8d; border-bottom:#cccccc solid 1px; width:515px;}

.fnt12px{ font-size:12px;}
.fnt12px td{ font-size:12px;}

.tblprodspec{ border:solid 1px #efefef; border-collapse:collapse; width:520px; margin:0px; float:left; font-weight:bold; line-height:20px; padding:0px; vertical-align:top; text-align:left; background-color:#F2F2F2;}

.tblprodspec_right{ width:60%; float:left;}
.tblprodspec_right ul{padding:0px; margin:0px; vertical-align:top; border-:solid 1px #efefef; border-collapse:collapse; line-height:18px;background-color:#FFFFFF; text-align:left; font-weight:normal;}
.tblprodspec_right li{ list-style:none; border-left:solid 1px #efefef; border-bottom:solid 1px #efefef; border-collapse:collapse; margin:0px; padding:3px; }

.tblprodspec_left{ width:40%; float:left;}
.tblprodspec_left ul{padding:0px; margin:0px; vertical-align:top; border-:solid 1px #efefef; border-collapse:collapse; line-height:18px; text-align:left; font-weight:bold;}
.tblprodspec_left li{ list-style:none; border-left:solid 1px #efefef; border-bottom:solid 1px #efefef; border-collapse:collapse; margin:0px; padding:3px; }

.tbltopmenu{}
.tbltopmenu ul{text-align:center; list-style:none; margin:0px; padding:0px;}
.tbltopmenu li{text-align:center; list-style:none; margin:0px; padding:0px; float:left}
.tbltopmenu a:link, .tbltopmenu a:visited{ font-size:12px; font-weight:bold; display:block; background-color:#E3F0D9; height:19px; padding-top:2px; padding-left:3px; margin-left:2px; color:#000000; width:66px;}
.tbltopmenu li.spec a:link, .tbltopmenu li.spec a:visited{width:148px;}
.tbltopmenu a:hover{ background-color:#A9D18B}

.tbltopmenu a.butbuy:link, .tbltopmenu a.butbuy:visited{ font-size:12px; font-weight:bold; display:block; background-color:#64933A; height:18px; padding-top:2px; padding-left:3px ; padding-right:8px; margin-left:2px; color:#fff}

.grey10px { font-size:10px; color:#a0a0a0; }

.tblpricing{ border:solid 1px #B9C8F0; border-collapse:collapse; width:520px; margin:0px; float:left; font-weight:bold; line-height:20px; padding:0px; vertical-align:top; text-align:left; background-color:#EEF1FB;}

.tblpricing_right{width:48%; float:left;}
.tblpricing_right ul{margin:0px; padding:0px; background-color:#FFFFFF;}
.tblpricing_right li{list-style:none; font-weight:normal; padding:4px; border-left:solid 1px #B9C8F0; border-bottom:solid 1px #B9C8F0; border-collapse:collapse; margin:0px; line-height:20px;}

.tblpricing_left{width:52%; float:left;}
.tblpricing_left ul{font-size:12px; margin:0px; padding:0px;}
.tblpricing_left li{list-style:none; text-align:left; padding:4px; border-bottom:solid 1px #B9C8F0; margin:0px; }

.tblprd{}
.tblprd td{padding:3px; height:24px;}
.tblprd th{padding:3px; text-align:left; background-color:#F4F4F4; height:22px; padding-left:5px;}

/* ######### Style for Drop Down Menu ######### */

.menudiv_a{position:absolute; top: 0; border: 1px solid #425f9b; line-height:20px; z-index:100; background-color:#e8ecf6; width: 200px; visibility: hidden; color:#FFFFFF; text-align:left }

.menudiv_a a:link, .menudiv_a a:visited{width: auto; display: block; text-indent: 5px; border-top: 1px solid #425f9b; padding: 2px 0; text-decoration: none;  }

* html .menudiv_a a{ width: 100%; }

.menudiv_a a:hover{ background-color:#fff; color:#000;  }

/* dropdown End */

.orange {   font-size:18px; color:#cf6122;}
.greenevimg { text-align: left; padding-left:15px;}
.pricebackrght {background-image:url(../images/priceback.jpg); background-repeat:no-repeat;  margin-left:5px; float:left; padding:0px 0px 0px 10px; margin-top:10px; width:235px; }
.bigfontblk { font-weight:bold; font-size:15px; color:#000000; margin:0px; width:200px; float:right; padding-top:10px; padding-right:15px;}

.breadcrumb{color:#216272; padding-bottom:8px;}

.prdlists{ width:520px; margin-top:10px; float:left}
.prdlists .headtd1{ float:left; margin-top:7px; margin-left:5px; width:350px;}
.prdlists  h3{ margin:0px; padding:0px;}
.prdlists .headtd2{ float:right; margin-top:7px; margin-right:5px; width:100px;}

.prdlists .td{width:520px; margin-top:3px;}
.prdlists .td1{float:left; width:305px; height:18px; font-weight:bold; font-size:12px; padding-top:7px; padding-left:5px;}
.prdlists .td2{float:left; width:105px; height:24px; text-align:center; padding-top:1px;}
.prdlists .td3{float:left; width:105px; height:24px; text-align:center; padding-top:1px;}

.rowhead{background-color:#F4F4F4; height:28px;}

/*New style rapidslproducts */

.buy_img{text-align:center;}
.price ul {width:175px; margin:0px; padding:0px; float:left; list-style:none; margin:0px; padding:5px 5px 0px 5px;}
.price li{list-style:none; margin:0px; padding:0px;line-height:20px;}
.compa{ width:55px; margin:0xp; padding:0px; float:left}
.compa_nets{ width:90px; margin:0xp; padding:0px; float:left}
.supp_mobile{width:260px; float:left; font-weight:normal;}
.div1{width:86px; background-color:#EEF1FB; height:30px; margin:0px; float:left; padding:0px; text-align:center; border-bottom:1px solid #B9C8F0; border-right:1px solid #B9C8F0;}
.div2{width:125px; background-color:#EEF1FB; height:30px; margin:0px; float:left; padding:0px; text-align:center; border-bottom:1px solid #B9C8F0; border-right:1px solid #B9C8F0;}
.div3{width:125px; background-color:#EEF1FB; height:30px; margin:0px; float:left; padding:0px; text-align:center; border-bottom:1px solid #B9C8F0; border-right:1px solid #B9C8F0;}
.div4{width:180px;; background-color:#EEF1FB; height:30px; margin:0px; float:right; padding:0px; text-align:center; border-bottom:1px solid #B9C8F0;}
.div1_list{width:87px; margin:0px; float:left; padding:0px; text-align:left;}
.div2_list{width:126px; margin:0px; float:left; padding:0px; text-align:left; line-height:20px;}
.div3_list{width:126px; margin:0px; float:left; padding:0px; text-align:left;line-height:20px;}
.div4_list{width:180px; margin:0px; float:right; clear:right; padding:0px; text-align:left; line-height:20px;}
.list{list-style:none; margin:0px; padding:0px; text-align:left;}
.list li{list-style:none; margin:0px; padding-left:4px; font-weight:normal; text-align:left; border-bottom:1px solid #B9C8F0; border-right:1px solid #B9C8F0;}
.bdrrighaccept{border-right:dotted 2px #DBDBDB; width:245px; margin:0px; padding-left:10px; float:left; vertical-align:top; font-weight:normal; line-height:22px;} 


/* Calendar CSS */


.rolechk{}
.rolechk label{padding-right:10px;}

/* Pop css Start */
.backgroundPopup
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 100;
}
.popupContact
{
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 450px;
    width: 524px;
    z-index: 1100;
    font-size: 13px;
}
.popupContact .topleftpopup
{
    background: url(../images/topleft-cor.png) no-repeat left top;
    width: 37px;
    height: 37px;
    float: left;
}
.popupContact .top
{
    background: url(../images/top-bg.png) repeat-x top left;
    float: left;
    width: 450px;
    height: 37px;
}
.popupContact .topright
{
    background: url(../images/topright-cor.png) no-repeat right top;
    width: 37px;
    height: 37px;
    float: right;
}
.popupContact .right
{
    background: url(../images/right-bg.png) repeat-y right top;
    float: right;
    width: 37px;
    height: 376px;
}
.popupContact .bottomleft
{
    background: url(../images/bottomleft-cor.png) no-repeat left top;
    width: 37px;
    height: 37px;
    float: left;
}
.popupContact .bottom
{
    background: url(../images/bottom-bg.png) repeat-x top left;
    float: left;
    width: 450px;
    height: 37px;
}
.popupContact .bottomright
{
    background: url(../images/bottomright-cor.png) no-repeat left top;
    width: 37px;
    height: 37px;
    float: left;
}
.popupContact .left
{
    background: url(../images/left-bg.png) repeat-y top left;
    float: left;
    width: 37px;
    height: 376px;
}
.popupContact .mid
{
    background: #fff;
    float: left;
    width: 450px;
    height: 376px;
}
.popupContact h1
{
    text-align: left;
    color: #2465ac;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
    margin-bottom: 20px;
    line-height: 22px;
}
.popupContactClose
{
    line-height: 14px;
    right: 38px;
    top: 38px;
    position: absolute;
    display: block;
}

.popupContactSave
{
}

.Login {
    border: 1px solid #BFD99D;
    border-radius: 7px 7px 7px 7px;    
    margin: 0 auto;
    padding: 10px;
    width: 29%;
}


.popupboxcover { font-family: 'robotoregular'; font-size: 14px; color: #29306c; line-height: 18px; padding: 15px 10px; text-align:left; }
.popupbtnbar { padding-right:15px; margin-top: 0px; }
.popupbtnbar p { font-family: 'robotoregular'; font-size: 13px; color: #4f4f4f; margin-top: 5px; line-height: 18px; }

.customchekbox input[type="checkbox"] {margin-right:10px; vertical-align:middle;}

.displaynone {display:none;}

.topbtngrp {float:right;}
.tbltoplogin {/*border-bottom:2px dotted #dbdbdb;*/ padding-bottom:2px; width:auto; float:left; margin-left:10px;}
.tbltoplogin a{border:1px solid #578cd0; display:block; border-radius:4px; font-weight:bold; padding:5px 30px 3px 10px; cursor:pointer;}
.tbltoplogin a:hover {text-decoration:none; border:1px solid #aa0818;}
.tbltoplogin a.loginlink { background:url(../images/icon-key.png) no-repeat right 5px top 2px; }
.tbltoplogin a.userviewlink { background:url(../images/icon-userview.png) no-repeat right 5px top 2px;}
.tbltoplogin a.cancellink {padding:5px 10px 3px 10px;}
.pointer { cursor:pointer; }
.borderbtm { border-bottom:2px dotted #dbdbdb; }

.tblhdtxt th {font-size:12px;}
td a.invoicelink {color:#ff7146; text-decoration:underline;}
td a.invoicelink:hover {text-decoration:none;}
.logintbl .ui-datepicker-trigger, .datetimetbl .ui-datepicker-trigger {
    width: 20px;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.userstatus{border:none;}

#rbtlstAction tr:nth-of-type(5n+5) td {padding-top: 0px;}

.hashvalue {padding: 10px;}
.hashvalue ol{margin: 15px 0 15px 30px;}
.hashvalue ol li{margin-bottom: 5px;}
.hashvalue .dnstbl {border: 1px solid #cecece; margin: 15px 0; width: 100%;}
.hashvalue .dnstblraw {display: flex;}
.hashvalue .headraw p {background: #f6f6f6; font-weight: bold; padding:10px; width: 50%;}
.hashvalue .dnstblraw p {margin: 0; padding: 10px; width: 50%;}
.hashvalue .dnstblraw p + p{word-break: break-all; border-left: solid 1px #cecece}
.hashvalue .dnstblraw + .dnstblraw p{border-top: solid 1px #cecece;}

.calendarbox {position: relative;}
.calendarbox > i {position: absolute;right: 10px;top: 8px; font-size: 17px;color: #666; cursor: pointer}

.arrowbtn{margin-top: 15px;}
.arrowbtn a:hover{text-decoration: none;}
.arrowbtn a i{cursor: pointer;padding: 5px 13px;background: #F6F6F6;color: #515151;font-size: 18px;}
.arrowbtn a i:hover{background: #216272;color: #fff;}
.arrowbtn a {font-size: 14px;margin: 2px;}
.arrowbtn b {font-size: 15px;font-family: 'robotobold';font-weight:700}
a.btncircle {padding: 4px 10px;border-radius: 50px}

#tdNavigation input{min-width: auto;}
fieldset span {font-weight: 500!important;font-family: 'robotomedium';}

.dcvdtltbl {margin-top: 0 !important;}

.staffnote {background-color: #F6F6F6; padding: 1rem;height:100px;overflow:auto;width:500px;}