@font-face {
    font-family: "TitilliumWeb";
    src: url(fonts/Titillium_Web/TitilliumWeb-Light.ttf) format("truetype");
}

textarea:focus, input:focus{
    outline: none;
}
li.clsTopMenuName{
    padding-bottom:100px;
}
.cssValidator{color:Red}

.btnmenu {width:149px;}
.btnshort {width:149px;height:25px; vertical-align:top;  font-size: 12px }
.bluespecial :hover { background: #0098c3 url(/js/images/ui-bg_flat_45_0078ae_40x100.png) 50% 50% repeat-x; color: #FFFFFF;}
.btnsitex {width:150px;height:20px;vertical-align:top; font-size: 11px; margin:0px;padding:0px;}
.btnsite {display:block;width:150px;height:20px;font-size: 11px; margin:0px;padding-top:2px;background: #1474A5 50% 50% repeat-x; color: #FFFFFF; text-align:center; vertical-align:middle}
.btnmyAssembly {width:115px;height:27px;vertical-align:top; font-size: 12px}
.btnTerms {width:115px;height:27px;vertical-align:top; font-size: 12px}
.bgspecial { background: #1474A5 50% 50% repeat-x; color: #FFFFFF; text-align:center; vertical-align:middle }
.darkspecial { background: #293443;color: #FFFFFF; text-align:center; vertical-align:top; font-size: 12px}
.darkspecial :hover { font-weight:bold}

/*--SWITCH BUTTON---------------------------------------------------*/
.cssSite {width:160px; float:right; text-align:right; cursor: pointer; border-left: 1px solid #878484;height:25px;}
.cssUnitSwitch {width:75px; float:right; font-size:14px;font-weight: bold; color: Black; text-align:center; cursor: pointer;height:25px;}
.switchSpan {width: 70px; margin-top: 2px;height:22px;}

.cssISOSwitch {width:172px; font-size:14px;font-weight: bold; text-align:center; cursor: pointer; height:25px;  border:1px solid #0098c3;color:#0098c3;}

.clsISOButtonActive {
    display: table-cell;
    vertical-align:middle;
    background-color:#0772B1;
    color:white;
    margin:3px;
    padding: 6px;
    border-width: 0px;
    border: 0px solid red;
    color: white;
    height: 29px;
    width: 85px;
    text-align: center;
    text-decoration: none;
    cursor: default;
}

.clsISOButtonNonActive {
    display: table-cell;
    vertical-align:middle;
    background-color:white;
    color:gray;
    margin:3px;
    padding: 6px;
    border-width: 0px;
    border: 0px solid red;
    height: 29px;
    width: 85px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.circleBorder {
	border-radius: 50%;
	border: 1px solid #bcbec0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 25px;
  margin-top:2px;
  text-align:left;
}

.switch input {display:none;}

.slider1 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0098c3;
  -webkit-transition: .4s;
  transition: .4s;
  border:1px solid #0098c3;
  color:#FFFFFF;
   border-radius: 25px;

}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0098c3;
  -webkit-transition: .4s;
  transition: .4s;
  border:1px solid #0098c3;
  color:#FFFFFF;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: #FFFFFF;
  -webkit-transition: .4s;
  transition: .4s;

}

input:checked + .slider {
  background-color: #0098c3;
 
}

input:focus + .slider {

}

input:checked + .slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);

}

/* Rounded sliders */
.slider.round {
  border-radius: 25px;
  /*padding-top:5px;*/
  padding-left:10px; 
}

.slider.round:before {
  border-radius: 50%;
}
/*-----------------------------------------------------*/

img {border: 0;}
h3 { font-size:18px; font-weight:bold; color:#0098c3; margin-bottom:5px;}
#contlogonav {width:970px;}
#conttoolshoponav {width:970px;}
#mainlogo {width:850px; float:left;padding-top: 15px;}


#mainheader {border-bottom: 1px solid #878484; margin-bottom: 5px; }
#mainheader, #mainbanner {width:100%;}




#searchMainContect {
	width:100%;

}

.toolShopTable {
    width:100%;
}

#toolshopForm {
	width:90%;
	border:1px solid #878484;
	background-color:White;
	padding: 5px;
}

#searchMainDiv {
	width:100%;
	text-align:left; /* Counteract to IE5/Win Hack */
	background-color:#ffffff;
}
#searchDivForm {
	text-align:left; /* Counteract to IE5/Win Hack */
	margin:4px;
}

#socialSection {height:39px;}
#socialIcons {width:110px; float:right;}
#topglobal input {font-size:10px; float: left;}
#mainbanner {padding-bottom:0px; border-bottom:1px double #878484;}

#leftDivMenu
{
	width: 180px;
	float: left;
	position:relative; 
	padding-top:10px;
}
#topDivMenu
{
	width: 770px;
	position:relative; 
	float: right;
	vertical-align:top;
	padding-top:5px;
}
#topDivContent
{
	width: 770px;
	position:relative; 
	float: right;
	margin:5px 0px;
}

#topDivTitle
{
	width: 100%;
	position:relative; 
	vertical-align:top;
	padding-bottom:5px;
    color: #0098c3 !important;
	
}
.lblTitle {font-family: "TitilliumWeb",'Oswald', Arial;
font-size: 18px;
font-weight: bold;
color: #0098c3;
margin-bottom:5px;
}
/*#maincontent { padding-left:1%}*/

.sidebar {width:27%; min-height:575px; float:left; margin-top:5px; padding-right:1%;z-index:1;overflow:auto;}/*position:fixed!important;*/
#productsDiv{width: 70%; float: right;}
.divSlideOpen{width:7%;display:none;}
.divSlideClose{display:none;}

@media only screen 
and (max-device-width : 768px) 
{ .sidebar{display:none;background-color:white;position:fixed!important;} 
  .divSlideOpen{display:block;font-size:24px;color:white;position:fixed!important;}
  .divSlideOpen.hide{display:none;}
  .divSlideOpen:hover{color:#fff!important;}
  .divSlideClose{display:inline-block;font-size:24px;color:white;}
  .divSlideClose:hover{color:#fff!important;}
  #productsDiv{width: 99%; }
  .btnSlideOpen{display:inline-block;}
}


.sidebar div.s1 { padding-bottom:5px; font-size:12px; font-weight:bold;}
.sidebar div.s2 { border-bottom:1px solid #B0B0B0; padding:5px; font-size:12px; }
.sidebar div.s3 { height:2px; background-color:#1b4494; margin:0px 0px 7px;}
.sidebar div.s4 { border-bottom:0px solid #1b4494; padding-top:50px; font-size:12px; font-weight:bold; margin:2px 2px;}
.sidebar div a { text-decoration:none; color:#555555;}	

.ActualMenu, .ActualMenu a {color: #0098c3 !important; }
.ActualMenu1, .ActualMenu1 a { font-size: 12px; height:40px; vertical-align:middle;}

#centralcontent { width:600px; float:left; padding-left:5px; padding-right:5px; border-left:1px solid #B0B0B0; border-right:1px solid #B0B0B0;}
#centralcontent_extended { width:810px; float:left; padding-left:9px; border-left:1px solid #B0B0B0;}
#centralcontent a img, #centralcontent_extended a img { border: none;}
.freeContent { text-align:left;}
.freeContent a:link {color: #1b4494;}
.freeContent a {color: #666;}
.freeContent a:hover {color:Red;}

#latestnews { width:200px; float:right; font-size:11px; }
#latestnews div {margin-bottom:5px;}
#latestnews span {color:Red;}

#mainfooter {font-size:11px; padding: 5px 0px 0px; color:black; text-align:center }
#mainfooter a {color:black;}
#mainfooter a:hover {color:#CCCCCC;}
#contfooter {height:100px; height:140px;}
.footcolumn {width:270px; float:left; margin:20px; padding-left:5px;} /* Just to Example*/
#copyright {width:970px; text-align: center;  padding:5px 0px;}

.clsBottomBorder {
    border-bottom: 2px solid #c5c5c5;
}

.#878484 {
    color: #555555;

    font-size: 12px;
    font-weight: bolder;
    text-decoration: none;
}
a {
    color: #555555;
    font-family: Arial, Script;
    /*font-size: 11px;*/
}
/**/
.subtitle {
    color: #555555;

    font-size: 16px;
    font-weight: bolder;
    text-decoration: none;
}
.imgLeft {float:left; margin:0px 5px 2px 0px;}
.imgRight {float: right; margin:0px 0px 2px 5px;}
.imgLeft2 {float:left; margin:0px 15px 15px 0px;}
.imgRight2 {float: right; margin:0px 0px 15px 15px;}
.imgFloatSide {float: right; margin:0px 0px 15px 15px;}

.objLeft {float:left; margin:0px 5px 2px 0px; height:100%; overflow:hidden;}
.objLeft2 {float:left; margin:0px 15px 15px 0px; height:100%; overflow:hidden;}
.objLeft3 {float:left; margin:0px 15px 15px 20px; height:100%; overflow:hidden;}
.objRight {float: right; margin:0px 0px 2px 5px; height:100%; overflow:hidden;}
.objRight2 {float: right; margin:0px 0px 15px 15px; height:100%; overflow:hidden;}
.objRight3 {float: right; margin:0px 20px 15px 15px; height:100%; overflow:hidden;}

.tblIscar {width:100%; border-collapse:collapse;}
.tblIscar th, .tblIscar td
	{padding:5px;

	 text-align:left;
}
.tabCol-1 {width:180px; background-color:#0098c3; color:White;  overflow:hidden; }   
.tabCol-2 {width:500px; background-color:#0098c3; color:White;}  
.tabCol-3 {width:130px; background-color:#0098c3; color:White;}   
.tabCol-4 {width:90px; background-color:#0098c3; color:White;}  
.tabGen-1 {width:180px; background-color:#0098c3; color:White;  overflow:hidden; }   
.tabGen-2 {width:300px; background-color:#0098c3; color:White;}  
.tabGen-3 {width:330px; background-color:#0098c3; color:White;}   
.tabGen-4 {width:90px; background-color:#0098c3; color:White;}  
 
.tabCont-1 {background-color: #CCCCCC; color: #666666; font-weight:bold; border-bottom :1px solid #ffffff;}   
.tabCont-2, .tabCont-3, .tabCont-4 {border-bottom:1px solid #C0C0C0;} 

.headerIscar {background-color:#0098c3; color:White; padding:5px; font-weight: bold;} 
.contIscar {padding:5px;}
.sep1 { height:30px;}


.Video {
	margin:10px 0px;
}
.NPATitle p {font-weight:bold;}
.Links {

	font-size:11px;
}
.Links div { margin-bottom:5px; }
.Link#878484 {color:#626262;}
.LinkRed {color:red;}
.Links a:hover {
	color: red;
}

#tabsCatalogs, #tabsPressrelease { height:650px; overflow:scroll; -webkit-overflow-scrolling: touch;}  
#tabsNPA { height:720px; overflow:scroll; -webkit-overflow-scrolling: touch;}  
.accordsection {min-height:100px; height:290px;}

#ListPressrelease {
	min-width:650px;
	margin:10px auto 0px;
	padding:5px;
	text-align:left; /* Counteract to IE5/Win Hack */

	font-size:11px;
	/*color:#626262;*/
}

.detContent { width:345px; float: left; text-align:left; margin:0 5px;}
.detImage { width:295px; float: right; overflow:hidden; margin:0px 0px 15px 15px;}
.detImage div { width:40px; margin:0px auto;}
.imgcatalog { float:right; margin:0 0 0 10px;}
.detImage img, .imgFloatSide img
{
	background-color: #B0B0B0;
	-webkit-border-radius: 5px;  /*Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 5px;  /*FF1-3.6 */
    border-radius: 5px;  /*Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}
.listnomargin li{ margin-left: -20px;}
.divwithlist span, .divwithlist ul {margin-left: 15px;}
.divwithlist ol{margin-left: 25px;}
.divwithlist span {font-weight:bold;}
.listTitle { margin-left:15px;}
.titlered	{ color: red;}
.ui-tabs .ui-tabs-nav li {float: left;}
.darkLink {padding: 2px 5px; margin-bottom:20px; background-color: Black;}
.darkLink a, .darkLink a:link, .darkLink a:active, .darkLink a:visited {color: White; text-decoration: none; font-weight: bold;}

/* Begin CSS Real Person */
.lblForm { width: 10em; float: left; }
label.error { float: none; color: red; padding: 0 0.5em; vertical-align: top; font-size:10px; width:100%;}
.cmxform > div {margin-bottom:3px;}
.checkbox { margin:0 3px;}
.optSide1 {width: 49%; float:left;}
.optSide2 {width: 49%; float:right;}
.multoptions {padding:15px 0; min-height: 160px;}
.warning {color: Red;}
.thanks {color:	#0098c3;}
/* End CSS Real Person */
.breadcrumbs {font-size:10px; margin:5px 0;}
.breadcrumbs, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited  {color: #878484;}
.breadcrumbs a:hover {color: #555;}
.HighResGlass {width:40px; margin:0px auto;}
.Venezian {font-size:8px; text-align: center;}
.Venezian2 {font-size:8px;}
.PayAttention {background-color:#FFFF00;}
.AdLatestNews {width:200px; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #878484;}
.plexhibitions h4, .plnpa h4 {font-size: 12px;}
.footer {
                height:50px;
               /* background-image:url(/necatalog/media/images/Footer.jpg);*/
                background-position:left;
                background-repeat:no-repeat;
                overflow:hidden;
                }
.plexhibitions {width:960px; margin:0px auto; padding-top:20px; text-align: center; direction: ltr;}
.plexhibitions div {width:160px; margin:0px 0px 0px 0px; float:left;}
.plexhibitions h4 {padding:0px 0px 0px 0px; font-weight:bold;}
.cssLabel
{
    font-size:14px;
	color:#555555;
}

.cssLabelHelpI {
    font-size:12px;
	color:#555555;
}

.cssLabelBold
{

	color:#555555;
	font-weight:bold;
}
.cssLinkButton
{

	font-size:11px;
	color:#555555;
	font-weight:bold;
	text-decoration:underline;
}

/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cssLabelBoldTitle
{

	color:#555555;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}


/*GridViewCSS*/
.GridViewStyle
{
    font-family: "TitilliumWeb",Arial, Sans-Serif;
    font-size:initial;
    table-layout: auto;
    border-collapse: collapse;
    border: dodgerblue 1px solid;
    text-align: center;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*IngCommon Styles*/
{
    background-image: url(Images/HeaderGlassBlack.jpg);
    background-position:center;
    background-repeat:repeat-x;
    background-color:dodgerblue;
}
.HeaderStyle th
{
    padding: 5px;
    color: #ffffff;
}
.HeaderStyle a
{
    text-decoration:none;
    color:#ffffff;
    display:block;
    font-weight:normal;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #1d1d1d 3px solid;
}
.PagerStyle a
{
    color:#ffffff;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #777777;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333;
    border-left:solid 1px #777777;
}
.PagerStyle span
{
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*IngCommon Styles*/
{
    padding: 5px;
    border-right: solid 1px dodgerblue;
    color: darkblue;
}
.RowStyle td
{
    background-color: aliceblue;
}
.AltRowStyle td
{
    background-color: white;
}
.SelectedRowStyle td
{
    background-color: #ffff66;
}

.cssLabelTitleBlue
{

	font-size:12px;
	color: #000000 !important;
	padding:5px 0px 5px 0px;
}

.cssLabelBoring
{

	font-size:12px;
	font-weight:bold;
	color: #0098c3 !important;
	padding:5px 0px 5px 0px;
}

.cssLabelBoringBlack
{

	font-weight:bold;
	color: black;
	padding:5px 0px 5px 0px;
	text-decoration:none;
}
.cssLabelSubBoring
{
	background-color:#5B6C7C;
	color:White;
	font-weight:bold;
}

.cssTextLabel
{
	color:#555555;
	border:0px solid white;
	width:30px ;
}
.inputTxt
{
	width:250px;
	height:25px;
	background-color:#DDDDDD;
	border:1px solid #DDDDDD;
	BORDER-RIGHT: #EBEBEB 0px outset; 
	BORDER-TOP: #EBEBEB 0px inset; 
	BORDER-LEFT: #EBEBEB 0px inset; 
	BORDER-BOTTOM: #EBEBEB 0px outset;  
	BACKGROUND-COLOR: #EBEBEB
}
.inputTxtSmaller
{
	width:72px;
	height:25px;
	background-color:#DDDDDD;
	border:1px solid #DDDDDD;
	BORDER-RIGHT: #EBEBEB 0px outset; 
	BORDER-TOP: #EBEBEB 0px inset; 
	BORDER-LEFT: #EBEBEB 0px inset; 
	BORDER-BOTTOM: #EBEBEB 0px outset;  
	BACKGROUND-COLOR: #EBEBEB
}
.cssSearchBoxContainer
{

    width: 100%;
    height: 47px;
    font-size: 14px;
    COLOR: #555555 ; 
    border: 1px solid #A8A9AD;
    background-color: #E9E9E7;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
   
    line-height: 1.5em;
    /*padding: 0.5em 0.1em 0.5em 1em; display: inline-block;*/
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;


}

.cssSearchBox
{
	width:98%;
	height:35px;
	font-size:14px; 
    box-sizing: border-box;
    border: 0px solid #A8A9AD;
    background-color: #E9E9E7;
    background-image: url('img/searchTextIcon.png');
    background-position: 5px 5px; 
    background-repeat: no-repeat;
    padding: 5px 20px 5px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    color:#555555;
    position:relative;
    display:inline-flex;

}
.cssTextBox50
{
	width:50px;
	height:20px;
	background-color:#DDDDDD;
	border:1px solid #A8A9AD;
	font-size:11px; 
    BORDER-RIGHT: #EBEBEB 0px outset; 
	BORDER-TOP: #EBEBEB 0px inset; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #EBEBEB 0px inset; 
	BORDER-BOTTOM: #EBEBEB 0px outset;  
	BACKGROUND-COLOR: #EBEBEB
}

.cssRadioButtons
{

	COLOR: #555555 ; 
	line-height:40px;
    font-weight:bold;
}

.cssDDL
{
	WIDTH: 150px; 
	FONT-STYLE: normal ; 
	COLOR: #58595b ; 
	BACKGROUND-COLOR: #EBEBEB
}

.cssDDList {
    width: 100%;
    height: 47px;
    font-size: 14px;
    COLOR: #555555 ; 
    border: 1px solid #A8A9AD;
    background-color: #E9E9E7;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    display: inline-block;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

  background-image:
    linear-gradient(45deg, transparent 50%, #878484 50%),
    linear-gradient(135deg, #878484 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select::-ms-expand {
    display: none;
}

.cssDDLs
{
	WIDTH: 70px; 
	FONT-STYLE: normal ; 
	COLOR: #58595b ; 
	BACKGROUND-COLOR: #EBEBEB
}
.ButtonSubApplication
{
	width:54px;
	border:0;
}
.HyperLinkSubApplication
{
	text-decoration:none;
	font-size:14px;
	color:#58595b;
	
}

.HyperLinkSubApplication a:hover
{
	text-decoration:none;
	font-size:50px;
	color:#1474A5;
}

.mmColored  
{ 
	border-color: #CCCCCC ; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.cssBoringTable
{
	border:1px solid black;
    width:100%;
    padding:0;
}

.cssBoringTableCell
{
    padding:20px;
    border:1px solid black;

}
.gridItem
{
    border-bottom: solid 1px #eeeeee;
}

.gridItemHeader
{
    border-bottom: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    font-weight: normal;
}

.gridItemHidden
{
    display: none;
}

.gridItemLeft
{
    border-bottom: solid 1px #eeeeee;
    padding-left: 5px;
    text-align: left;
}

.gridItemHeaderLeft
{
    border-bottom: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    font-weight: normal;
    padding-left: 5px;
    text-align: left;
}

.gridItemRight
{
    border-bottom: solid 1px #eeeeee;
    padding-right: 5px;
    text-align: right;
}

.gridItemHeaderRight
{
    border-bottom: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    font-weight: normal;
    padding-right: 5px;
    text-align: right;
}

.gridLink
{
    color: Black;
    text-decoration: none;
}

.familyGridDesc
{  
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
    border: 1px solid #DDDDDD; 
	height:30px;
    min-width:200px;
    max-width:250px;
	
}
.familyGridDesceCaTech
{  
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
    border: 1px solid #DDDDDD; 
	height:40px;
    min-width:200px;
    max-width:250px;
	
}
.familyGridDesctxt
{  

	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

.familyGridParamsName
{

	color:#58595b;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	background-color:#0098c3;
	height:30px;
	border: 1px solid #DDDDDD; 
    padding-left:3px;
    padding-right:3px; 
}

.familyGridParams
{
	border: 1px solid #DDDDDD; 
	text-align:center;
	color:#58595b;
	text-decoration:none;
	text-align:center;
	height:25px;
    min-width:50px;
    padding-left:3px;
    padding-right:3px;
}


.GradeGridParamsName
{
	color:#58595b;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	background-color:#FDF4B1;
	height:20px;
    padding:5px;
    border: 1px solid #DDDDDD; 
}

.GradeGridParams
{
    border: 1px solid #DDDDDD; 
    text-align:left;
	color:#58595b;
	text-decoration:none;
    height:25px;
    min-width:50px;
    padding-left:3px;
    padding-right:3px;
}


.familyGridParamstxt
{  
	color:#58595b;
	text-decoration:none;
	text-align:center;
}	

.ItemGridParams1
{
	color:black;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	height:20px;
    padding:5px;
	border-width: 1px; 
    border-style:solid;
    border-color:#AAAAAA;
}

.ItemGridParams
{

	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	height:20px;
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	border-top-width: 0px;
    padding:5px;

}

.ItemGridParamsLeft
{

	color:#ffffff;
	text-decoration:none;
	padding-left:20px;
	font-weight:bold;
	text-align:left;
	height:20px;
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	border-top-width: 0px;
}

.ItemGridParamsValue1
{
	border-color: dark#878484 ;
	border-style:solid ; 
	border-width: 1px; 
	color:#58595b;
	text-decoration:none;
	text-align:center;
	height:25px;
    min-width:50px;
    padding-left:3px;
    padding-right:3px;
    white-space:nowrap;
}

.ItemGridParamsValue
{
	border-color: #000000 ;
	border-style:none ; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	color:#58595b;
	text-decoration:none;
	text-align:center;
	height:20px;
    padding-top:3px;

}


.ParametersSearchGridParamsValue {

    border-color: #000000 ;
	border-style:none ; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom: 1px solid #c5c5c5 ;
	border-left-width: 0px;
	color:#58595b;
	text-decoration:none;
	text-align:left;
	height:40px;


}


.ItemGridParamsValueBold
{
	border-color: #000000 ;
	border-style:none ; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	color:#58595b;
	text-decoration:none;
	text-align:center;
	height:20px;
	font-weight:bolder;
    padding-top:3px;
}

.ItemGridParamsValueLeft
{
	border-color: #000000 ;
	border-style:none ; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	padding-left:20px;
	text-align:left;
	color:#58595b;
	text-decoration:none;
	height:20px;
    padding-top:3px;
}

.ItemGridParamsValueWithLine
{
	border-color: #000000 ;
	border-style:solid ; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	text-align:center;
	color:#58595b;
	text-decoration:none;
	text-align:center;
	height:20px;
    padding-top:3px;
}

.ItemGridParamsValueWithLineBold
{
	border-color: #000000 ;
	border-style:solid ; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	text-align:center;
	color:#58595b;
	text-decoration:none;
	text-align:center;
	height:20px;
	font-weight:bolder;
    padding-top:3px;
}

.ItemGridParamsValueWithLineLeft
{
	border-color: #000000 ;
	border-style:solid ; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding-left:20px;
	text-align:center;
	color:#58595b;
	text-decoration:none;
	text-align:left;
	height:20px;
    padding-top:3px;
}
.ItemGridRemarkValue
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	text-align:center;
	color:#58595b;
	text-decoration:none;
	text-align:left;
	height:20px;
	font-weight:bold;
	padding-left:20px;
	padding-top:5px;
}

.ItemSPTemplate
{
	border-color: black ;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 1px;
	text-align:center;
	color:#58595b;
	background-color:#EFEFEF;
	text-decoration:none;
	text-align:center;
	height:20px;
}
.ItemSPCells
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	text-align:center;
	color:#58595b;
	text-decoration:none;
	text-align:center;
	height:20px;
}
.ItemSPCellsLeft
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	text-align:left;


	color:#58595b;
	text-decoration:none;
	text-align:left;
	height:20px;
}

.ItemSPCellsLeftNoLine
{
	border-color: #000000 ;
	border-style: none; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	text-align:left;
	color:#58595b;
	text-decoration:none;
	text-align:left;
	height:20px;
}

.ItemSPCellsHLeft
{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	height:25px;
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	border-top-width: 0px;
	padding: 5px;
}

.ItemGradeCellsLeft
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:left;
	vertical-align:top ;
	color:#58595b;
	text-decoration:none;
	height:35px;
}

.ItemGradeVcCellsLeft
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
    padding: 5px;
	text-align:left;
	vertical-align:top ;
	color:#000000 ;
	text-decoration:none;
}
.ItemGradeVcCellsLeftBold
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:top ;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.ItemGradeVcCellsLeftHD
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:left;
	vertical-align:top ;
	color:#ffffff;
	text-decoration:none;
}

.ItemGradeVcCellsCenterHD
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:top ;
	color:#ffffff;
	text-decoration:none;
}

.ItemProductsCellsHLeft
{

	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	height:25px;
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	border-top-width: 0px;
	padding: 5px;
	background-color:#878484 ;
}

.ItemProductsCellsHCenter
{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-align:center ;
	height:25px;
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	border-top-width: 0px;
	padding: 5px;
	background-color:#878484 ;
}

.ItemProductsCellsLeft
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:left;
	vertical-align:top ;
	color:#58595b;
	text-decoration:none;
	height:20px;
}

.ItemProductsCellsCenter
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:top ;
	color:#58595b;
	text-decoration:none;
	height:20px;
}


.ParamSearchCellsHCenter
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:top ;
	color:#58595b;
	text-decoration:none;
	height:20px;
}

.ParamSearchCellsHLeft
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:left;
	vertical-align:top ;
	color:#58595b;
	text-decoration:none;
	height:20px;
}

.ParamSearchCellsLeft
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:left;
	vertical-align:top ;
	color:#58595b;
	text-decoration:none;
	height:20px;
}

.ParamSearchCellsCenter
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:top ;
	color:#58595b;
	text-decoration:none;
	height:20px;
}

.SearchGridPageStyle
{
  line-height: 26px;
}

.SearchGridPageStyle span
{
  padding: 5px;
  text-decoration: underline;
  white-space: nowrap;
  font-weight:bolder ;

}

.SearchGridPageStyle a, 
.SearchGridPageStyle a:visited
{
  text-decoration: none;
  padding: 6px;
  white-space: nowrap;
  color:Navy;
}
.SearchGridPageStyle a:hover, 
.SearchGridPageStyle a:active
{
  padding: 5px;
  text-decoration: none;
  white-space: nowrap;
  color:Navy;
}

.ItemHidden
{
	display:none;
	visibility:hidden;
	width:0px;
}

.ItemGridAlternat
{

	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	height:30px;
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	border-top-width: 0px;
	background-color:#AAAAAA;
}
.ItemGridAlternatValue
{
	border-color: #000000 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	text-align:center;
	color:#58595b;
	text-decoration:none;
	text-align:center;
	height:30px;
}

.RedBoldMessage
{
	color:Red;
	font-weight:bold;
}

.ToolShopButtons
{
	width:150px;
	background:url(../../js/images/ui-bg_flat_45_0078ae_40x100.png) repeat-x; 
	color: White; 
	padding:4px 4px; 
	text-align:center;
	cursor: pointer;
	border-style:solid;
	border-width:0px;
}

.ToolShopButtonsLonger
{
	background:url(../../js/images/ui-bg_flat_45_0078ae_40x100.png) repeat-x; 
	color: black; 
	padding:4px 4px; 
	text-align:center;
	cursor: pointer;
	border-style:solid;
	border-width:0px;
}

.cssTableTitle
{
	font-weight:bold;
	height:45px;
}

.FavoritesGridTable
{
	border:0px;
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	border-top-width: 0px;
}

/*for toolshop tables (used in cart)*/
.FavoritesItemHeader
{
    color:#58595b;
	text-decoration:none;
	font-weight:bold;
	text-align:center ;
	height:25px;
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	border-top-width: 0px;
	padding: 5px;
	background-color:#878484 ;
}	

.FavoritesItemCell
{
	border-color: #878484 ;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:middle  ;
	color:#58595b;
	text-decoration:none;
	height:18px;
}

.FavoritesItemCellRight
{
	border-color: #878484 ;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:right;
	vertical-align:middle  ;
	color:#58595b;
	text-decoration:none;
	height:18px;
}

.FavoritesItemCellBold
{
	border-color: #878484 ;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:middle   ;
	color:#58595b;
	text-decoration:none;
	height:18px;
	font-weight:bold;
}

.CartGridTable
{
	border-color: #878484 ;
	border-style: solid; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	border-top-width: 0px;
}

.ExcelUploadItemCell
{
	border-color: #878484 ;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:middle  ;
	color:#58595b;
	text-decoration:none;
	height:18px;
}
.ExcelUploadItemCellWithoutBorder
{
	border-color: #878484 ;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:middle  ;

	font-size:11px;
	color:#58595b;
	text-decoration:none;
	height:18px;
}

.cssGradeChartLink
{
 	background-color:#A8AAAB;
	border:1px solid #959CAC; 
	width:100%; 
    padding:14px 1px;
    font-size: 14px;

	text-decoration:none; 
	text-align:center ; 
    display:inline-block;
    vertical-align:middle;
    margin: 0;
    color:white;
    font-weight:bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor:hand;
}

.cssSiteLink
{
 	background-color:#1474A5;
	border:1px solid #1474A5; 
	color:#FFFFFF;
	width:150px; 
	padding: 6px 1px;
    border-radius:25px;
	vertical-align:bottom;
	text-decoration:none; 
	text-align:center ; 
	display: inline-block;
	cursor:hand;

}

.cssTextNoBorders
{
    border-bottom : 0px solid #ffffff;
    border-top : 0px solid #ffffff;
    border-left : 0px solid #ffffff;
    border-right : 0px solid #ffffff;
}

.cssTextNoBordersS
{
    border-bottom : 0px solid #ffffff;
    border-top : 0px solid #ffffff;
    border-left : 0px solid #ffffff;
    border-right : 0px solid #ffffff;
    width:50px;
}

.cssTextBoxS
{
    width:50px;
}

.btnRequest
{
    width:200px;
}

#modalprogress {
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -11px 0 0 -150px;
    color: #990000;
    font-weight:bold;
    font-size:14px;
}
l
#theprogress {
    background-color: #fff;
    padding:10px;
    width: 300px;
    height: 30px;
    line-height:30px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .modal
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }
    .loading
    {

        font-size: 10pt;
        /*border: 5px solid #67CFF5;*/
        width: 200px;
        height: 100px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;
    }
    .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url('../../media/icons/show.gif') 50% 50% no-repeat rgb(249,249,249);*/
    opacity: .8;
}
.button
        {
    padding:10px;
    border-width:1px;
    border-style: solid;
    background-color:#0098c3;
    color:white;
    height:35px;
    text-align:center;
    text-decoration:none;
        }

.disabled
        {
            color: #737373;
        }    
        
   

.divSearchBox {
    position:relative;
    display: inline-block;
    width:95%;
}

.imageHelp {
    display: inline-block;
    cursor:help;


}
.overlay {
    display:none;
}

.overlayModal
{
    position:fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6; 
}

.overlayProcess
{
    z-index: 1000;
    margin: 300px auto;
    width: 100%;
    text-align:center;
   
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    vertical-align:middle;

    
    text-align:center;
    background: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.imageHelp:hover .overlay {
    width:300px;
    height:150px;
    background:white;
    position:relative;
    border:2px solid #808080;
    top:0;
    left:0;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

}
@media (max-width: 700px) {
    .imageHelp:hover .overlay {max-width:200px;}
    .ItemGradeVcCellsLeft{padding:2px;font-size:smaller;}
    .ItemGradeVcCellsLeftHD{padding:2px;font-size:smaller;}
    .ItemGradeVcCellsCenterHD{padding:2px;font-size:smaller;}
    .ItemGradeVcCellsLeftBold{padding:2px;font-size:smaller;}

}

@media only screen and (max-width: 500px) {
    .imageHelp:hover .overlay { max-width:100px;}
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 350px;
    height:70px;
    background-color: #ffffff;
    border:1px solid #555;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
}


.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.btnRelations{
    padding:8px;
    border-width:1px;
    border-style: solid;
    color:white;
    height:50px;
    width:100%;
    text-align:center;
    text-decoration:none;
}

.btnSpeciallyTol {
    padding:8px;
    border-width:1px;
    border-style: solid;
    background-color:#2A90C9;
    color:white;
    height:50px;
    width:100%;
    text-align:center;
    text-decoration:none;
}
/*=============================================*/
/*           POP UP FORMS                      */
/*=============================================*/
    /* Full-width input fields */
    .txtBoxesLogin {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

    /* Set a style for all buttons */
    .btnLoginButton {
        background-color: #2A90C9;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        border: none;
        cursor: pointer;
        width: 100%;
    }

    /* Center the image and position the close button */
    .loginTitcontainer {
        text-align: center;
        vertical-align: middle;
        padding-top: 20px;
        position: relative;
        background-color: #0D72B5;
        color: white;
        font-weight: bold;
        font-size: 20px;
        height: 60px;
    }

    .container {
        padding: 16px;
    }

    .paddingtopbottom5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .litActiveAssembly {
        color:#878484;
        font-size:15px;
        margin:5px 0;
    }
    /* The cssPopUpLoginForm (background) */
    .cssPopUpLoginForm {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        padding-top: 60px;
    }

    /* cssPopUpLoginForm Content/Box */
    .cssPopUpLoginForm-content {
        background-color: #F2F3F3;
        margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
        border: 1px solid #888;
        width: 30%; /* Could be more or less, depending on screen size */
    }

    /* The Close Button (x) */
    .close {
        position: absolute;
        right: 25px;
        top: 0;
        color: #ffffff;
        font-size: 35px;
        font-weight: bold;
    }

        .close:hover,
        .close:focus {
            color: red;
            cursor: pointer;
        }

    /* Add Zoom Animation */
    .animate {
        -webkit-animation: animatezoom 0.6s;
        animation: animatezoom 0.6s;
    }

    @-webkit-keyframes animatezoom {
        from {
            -webkit-transform: scale(0);
        }

        to {
            -webkit-transform: scale(1);
        }
    }

    @keyframes animatezoom {
        from {
            transform: scale(0);
        }

        to {
            transform: scale(1);
        }
    }


    /* Change styles for span and cancel button on extra small screens */
    @media screen and (max-width: 300px) {
        span.psw {
            display: block;
            float: none;
        }

        .cancelbtn {
            width: 100%;
        }
    }
/*=============================================*/

.clsPromotionImage {
        margin-left: -50%;
    margin-bottom: 10px;
    border: black 5px solid;
    border-radius: 10px;
    width: 360px;

}

.clsPromotionDivX{
    position: absolute; top: -40px; left: 50%; font-size: 40px; width: 40px; cursor: pointer !important;
}

.clsPromotionDivClick{
    width: 100%; 
    padding: 10px 0; 
    margin-left: -51%; 
    color: white; 
    background-color: red; 
    border-radius: 10px; 
    border: black 5px solid; 
    outline-offset: -20px !important; 
    text-align: center; 
    font-size: 22px; 
    font-weight: bold; 
    cursor: pointer !important;
}

@media screen and (max-width: 500px) {
    .clsPromotionImage {
        margin-left: -65%;
    margin-bottom: 5px;
    border: black 3px solid;
    border-radius: 10px;
    width: 200px;
    }

    .clsPromotionDivX{
    position: absolute; top: -25px; left: 40%; font-size: 40px; width: 20px; cursor: pointer !important;
}

    .clsPromotionDivClick{
    width: 100%; padding: 10px 0; margin-left: -66%; color: white; background-color: red; border-radius: 10px; border: black 2px solid; outline-offset: -20px !important; text-align: center; font-size: 20px; font-weight: bold; cursor: pointer !important;
}






}