* { padding: 0; margin: 0; outline: 0;  }
html,body { width: 100%; }
body { font-size: 13px; line-height: 16px; font-family: Verdana, Arial, sans-serif;color: #353535; background: #fff; text-align: left;}
fieldset { padding:10px; }
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
a img { border: 0; }
img { border: none; }
a { color: #6699ff; text-decoration: none; }
a:hover { cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}
.centerexp {margin: 0 auto;}
.centertext {text-align: center;}

#content { width:1000px; }
#header {background: #014573 ;  min-height: 78px;}
.shell {margin: 0 auto; max-width:990px;}
#header .shell {margin: 0 auto; }

h1#logo {float: left; padding-top: 5px;}
h1#logo a {background: url(/Content/images/logo6.png) no-repeat 0 0; display: block; width: 320px; height: 75px;}

h2 {font-family: "Century Gothic", "Cambria", "Trebuchet MS", sans-serif; font-size: 24px; line-height: 23px; color: #F89344; }
h3 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: #262626; background: #6699ff; padding-left:0.2em}
h4 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 16px; font-weight:bold; color: #262626; padding-bottom:5px;}
h5 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: #F89344; }
h6 {font-family: "Arial", "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 16px; color: #ad0b0b; background: #e69aa9; padding-left:0.25em;padding-right:0.25em;}

.h1, .h2, .h3, h1, h2, h3 { margin-top: 0px; margin-bottom: 0px; }
.h4, .h5, .h6, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; }

.mycontentheading {
    font-family: "Century Gothic", "Verdana", "Cambria", "Trebuchet MS", sans-serif;/*Segoe Script*/ 
    font-size: 28px; 
    line-height: 23px; 
    /*color: #578813;*/
    color: #F89344;
    font-weight:normal;
} 

.feature h2.mycontentheading {
    color:white;
    font-size: 28px;
}

img.pageimage {
    float:right;
    height:130px;
}
img.pageimage.largerimage {
    height:190px;
}
img.pageimage.smallerimage {
    height:100px;
}

#heading {background: #fff; padding: 0 0; min-height:75px;}
.heading-cnt {float: left; max-width: 780px; padding-top: 0px;height: 100%;}
#heading h1 {color: #666; padding-top: 15px; padding-bottom: 15px;}
#heading h2 {padding-top: 10px;padding-bottom: 15px;}
#heading p {padding-bottom: 16px;}
.maindisp h3 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: #262626; background:none;}

#features {background: #335a99; height: 122px; padding-top: 5px;}
.features-cnt {height: 118px; padding-left: 15px;}
.feature {width: 290px; float: left; padding-top: 6px; padding-right: 30px;}
.less-padding {padding-right: 14px;}
.no-padding {padding-right: 0 !important;}
.feature h2 {color: #fff; padding-bottom: 5px;}
.feature img {padding-right: 6px;}
.feature p {float: left; width: 198px; font-size: 12px; line-height: 15px; color: #fff; height: 71px;}
.feature p span {padding-bottom: 4px; display: block;}
.feature .more { display: block; float: left; }

#main {background: #fff; padding-top: 0px; padding-bottom: 37px; min-height:350px;}
#main h3 {color: #444; padding-top: 4px;padding-bottom: 8px;}
#main h6 {color: #ad0b0b; padding-top: 6px;padding-bottom: 8px;}
#main a {font-weight: bold; color: #6699ff; font-size: 0.95em;text-decoration: none;}
#main a:hover {text-decoration: none;}
#main p {padding-top: 2px; padding-bottom: 2px; display: block;}
.link-margin { margin-right: 10px; margin-left: 2px;}
.first-column {width: 312px; float: left; padding-right: 12px;padding-left: 18px;}
.middle-column {width: 287px; float: left; padding-right: 9px;}
.last-column {width: 270px; float: left; padding-left: 8px;}
.single-column {width: 100%; float: left; padding-bottom: 16px}

.left-column {width: 475px; float: left; padding-right: 25px;}
.right-column {width: 475px; float: left; padding-right: 25px;}

ul.main {padding-left: 16px;}
ul.main li {padding-top: 1px; padding-bottom: 1px;}
ul.main li small {color: #606d0f; font-size: 11px;}
ul.main li small.grey {color: #656565;}

ul.sub {padding-left: 16px;}
ul.sub li {padding-top: 1px; padding-bottom: 1px;}
ul.sub li small {color: #606d0f; font-size: 11px;}
ul.sub li small.grey {color: #656565;}

#servicelist { width:80%; font-size:small; }

#servicelist ul{
	list-style-type: none;
	margin: 0;
	}
#servicelist li {
	background-image:url(/Content/images/icons/jigsawmatchblue.png);
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding:2px 0px 0px 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 60px;
}

#servicelist li.noimage {
	background-image:none;
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding:2px 0px 0px 20px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-left: 5px;
}

.contacts {font-size: 12px; }

.quotebox {
    background: #578813 ; /* for non-css3 browsers and IE */
    color:#fff; font-size:small; padding:10px;
}

.helpbox {
    background: #5f667b repeat-x 0 0; /* for non-css3 browsers and IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#5f667b), to(#98a5cc)); / * for webkit browsers * /
    background: -moz-linear-gradient(top,  #5f667b,  #98a5cc); / * for firefox 3.6+ * / */ 
    color:#fff; font-size:small; padding:10px;
    width: auto;
    min-width:600px; 
    /*border: 1px solid #333;*/ 
    font: normal 12px verdana, arial, helvetica, sans-serif; 
    color:#fff; 
    font-size:small; 
    padding:12px; 
    padding-bottom:50px;
    overflow:auto;
    max-height:600px;
}

.helpbox h1, .helpbox h2, .helpbox h3, .helpbox h4, .helpbox p {
    color:#fff; 
}

#graphdiv
{ overflow: hidden;}

.quotebox td { padding-left:0px;color: white; }

.packagebox {
    background: #efefef url(/Content/images/box-inner-lightgreen.png) repeat-x 0 0; /* for non-css3 browsers and IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#d0e4b9), to(#ebf4e2)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #d0e4b9,  #ebf4e2); /* for firefox 3.6+ */ 
    color:#444; font-size:small; padding:12px;border:1px solid #bbbbbb;
    float:left; margin:2px;position: relative;
}

.longpackagebox {
    background: #efefef url(/Content/images/box-inner-lightgreen-extralong.png) repeat-x 0 0; /* for non-css3 browsers and IE */
    color:#444; font-size:small; padding:12px;border:1px solid #bbbbbb;
    float:left; margin:2px;position: relative;
}

.packageinlinecontent 
{
    width:95%; height:96%; border: 1px solid #333; font: normal 12px verdana, arial, helvetica, sans-serif; 
    background: #578813; /* for non-css3 browsers */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#578813', endColorstr='#99dd50');  /* for IE */ 
    background: -webkit-gradient(linear, left top, left bottom, from(#578813), to(#99dd50));  /* for webkit browsers */ 
    background: -moz-linear-gradient(top,  #578813,  #88cc40); /* for firefox 3.6+ */  
    color:#fff; font-size:small; padding:12px; 
    padding-bottom:50px;
}

.packagebox hr {
    background-color:#cccccc;height:1px;margin-top:3px;margin-bottom:3px;border:none;
}

.packagebox h3 {
    padding-left:5px;vertical-align:15px;display:inline;font-size:larger;
}

#gradientfill {
    background: #0000CD; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000CD', endColorstr='#4682B4'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#0000CD), to(#4682B4)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #0000CD,  #4682B4); /* for firefox 3.6+ */ 
    color:#fff; font-size:small; padding:10px;
}

.footer-area {
  padding: 15px 0;
  background: #f1f1f1;
}
#footer ul {list-style-type: none;   text-align: center;}
#footer ul li {display: inline; padding-right: 9px;}
#footer ul li a:hover {text-decoration: none;}
#footer div.copyright {padding-right: 10px; text-align: center;}

/* form input */
.form-label {font-weight: bold; min-height:20px; }
.form-field input {width: 500px; }
.with-help-icon { display: inline;}

.form-label.inline {display:inline; min-width: 100px;}
.form-field.inline {display:inline;}
div.form-field-group {margin-bottom:15px;}

.field-bg {font-size: medium;}

legend {margin-left: 5px;text-indent: 0px;font-weight: bold;}
table { font:normal 12px verdana, arial, helvetica, sans-serif; }
.longtdfield {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.longtdfield.longurl:hover{white-space: normal;}
.ui-datepicker a.ui-state-highlight {margin: 0 0 0 0;}


/* menu and login
---------------*/
#loginmenucontainer
{
    width:100%;
    float:right;
    margin-top:0.2em;
    color:#eee;
}

#headercontactdetails
{
    list-style:none;
    display:inline-block;
    float:right;
    padding-top: 1px;
    list-style-type: none;
}

#menucontainer
{
    padding-top:.1em;
}

ul#menu
{
    list-style:none;
    display:inline-block;
    padding-top: 0px;
    margin-bottom:0px;
    list-style-type: none;
}

ul#menu li
{
    list-style:none;
    margin-right: .1em;
    padding:0 0 0.4em 1.4em;
    display: inline;
    float:left;
}

ul#menu a, #buttons , #loginlink a 
{
    display: block;
    height: 20px;
    padding: .6em 1.4em .0em 0; 
    color:#CCD;
    font-weight:bold;
    text-decoration:none;
}

ul#menu li:hover {text-decoration: none; background-color: white; color: #ccd;}
ul#menu a:hover , #loginlink a:hover{color: #336699;}
ul#menu li.selected a , #loginlink.selected a {color: #6699cc;}
#logindisplay{font-size:1.1em;display:block;text-align:right;float:right;}

#ajaxlogin
{
    float: right; display:none;
    padding:1em 1em 1em 1em;
    color:#BBB;
    background-color: #444;
    border:1px solid #444; /*made this same colour on purpose, left in in case want it back */
    letter-spacing:.03em;
}
 
.chartuplink {text-align: left;padding-left: 15px;}
.chartuplink > a{font-size: 18px; }
.ui-state-highlight {background:#ddd;font-size:13px;margin:0 0 11px 0;position:relative;}


/* iframe styling */

iframe.query
{
height: 800px; 
border: 2px solid #ddd; 
width:300%;
-ms-zoom: 0.33;
-moz-transform: scale(0.33);
-moz-transform-origin: 0 0;
-o-transform: scale(0.33);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.33);
-webkit-transform-origin: 0 0;
display:block; 
z-index:0;
}


#hider
{
    position:fixed;
    overflow:hidden;
    top: 0%;
    left: 0%;
    width:100%;
    height:100%;
    /*
    z- index must be lower than pop up box
    */
    z-index: 2;
    background-color:Black;
    opacity:0.4;
}


.overlay {
z-index: 50;
background: #fff;
pointer-events: none;
color: #fff;
}

#wrap { height: 350px; padding: 0; overflow: hidden; }
.cellwrap { max-height: 250px; padding: 0; overflow: auto; }
.cellwrapmedium { max-height: 180px; padding: 0; overflow: auto; }
.cellwrapsmall { max-height: 108px; padding: 0; overflow: auto; }

iframe.matchbasic
{
height: 800px; 
border: 2px solid #ddd; 
width:200%;
-ms-zoom: 1;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
-o-transform: scale(1);
-o-transform-origin: 0 0;
-webkit-transform: scale(1);
-webkit-transform-origin: 0 0;
display:inline; 
z-index:0;
}

iframe.urlrequest
{
border: 2px solid #ddd; 
width:147%;
height:666px;
-ms-zoom: 0.66;
-moz-transform: scale(0.66);
-moz-transform-origin: 0 0;
-o-transform: scale(0.66);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.66);
-webkit-transform-origin: 0 0;
display:block; 
z-index:0;
}

.rounded { border-radius:2ex; -webkit-border-radius:2ex; -moz-border-radius:2ex; }
td.priceup {background-image: url('/Content/images/icons/priceup.png');}
td.pricedown {background-image: url('/Content/images/icons/pricedown.png');}
td.pricenochange {background-image: url('/Content/images/icons/charticon.png');}
td.pricehistory { background-repeat: no-repeat; background-position: left 5px; }
td.pricestd,th.pricestd,table.dataTable tfoot th.pricestd { text-align:right; }
td.pricecheapest, table.dataTable tr.odd.shown td.pricecheapest, table.dataTable tr.even.shown td.pricecheapest, table.dataTable tr.odd.shown td.price.cheaper
{ text-align:right;background-color: #99ffcc; color: #006600; }
td.pricematched, table.dataTable tr.odd.shown td.pricematched , 
table.dataTable tr.odd.shown td.price.same , table.dataTable tr.even.shown td.pricematched 
{text-align:right;background-color: #ffff99; color: #ff6600; }
td.pricebelowavg, table.dataTable tr.odd.shown td.pricebelowavg, table.dataTable tr.even.shown td.pricebelowavg
{ text-align:right;background-color: #fcb974; color: #9e3f00; }
td.priceaboveavg, table.dataTable tr.odd.shown td.priceaboveavg, table.dataTable tr.even.shown td.priceaboveavg
{ text-align:right;background-color: #fcb974; color: #9e3f00; }
td.pricemidprice, table.dataTable tr.odd.shown td.pricemidprice, table.dataTable tr.even.shown td.pricemidprice
{ text-align:right;background-color: #fcb974; color: #9e3f00; }
td.pricejointme, table.dataTable tr.odd.shown td.pricejointme, table.dataTable tr.even.shown td.pricejointme
{ text-align:right;background-color: #ff807b; color: #8B0000; }
td.pricedearest, table.dataTable tr.odd.shown td.pricedearest, table.dataTable tr.even.shown td.pricedearest, table.dataTable tr.odd.shown td.price.dearer
{ text-align:right;background-color: #ff80b7; color: #770000; }
td.pricenone, table.dataTable tr.odd.shown td.pricenone, table.dataTable tr.even.shown td.pricenone
{ text-align:right;background-color: inherit; color: inherit; }
#decisionreviewtable td.decisiondisplay { text-align:left; }
td.pricecheapesttd span.pricecheapesttext {
    border:2px solid rgb(57, 132, 155); 
    /*color: rgb(1, 98, 98);*/ 
    text-align:center;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block
}
td.outofstocktd { }
td.outofstocktext {text-decoration:line-through;font-style: oblique;}
td.competitorprice { text-align:right; cursor:pointer;}

td.promotd span.onpromo{
  position: relative;
  font-weight:bold;
}
td.promotd span.onpromo:after { 
  content: '';
  position: absolute;
  top: 100%;
  height: 1px;
  left: 0;
  border-top: 1px solid green;
  border-bottom: 1px solid black;
  width: 100%;
}
td.promotd span.fa.onpromo:after { 
  border-bottom: none;
  border-top: none;
}


td.pricecheapest.decisiondisplay 
,td.pricematched.decisiondisplay 
,td.pricebelowavg.decisiondisplay 
,td.priceaboveavg.decisiondisplay 
,td.pricejointme.decisiondisplay 
,td.pricenone.decisiondisplay 
,td.pricedearest.decisiondisplay { text-align:inherit;overflow:hidden;}

 td.price.cheaper, td.price.cheapest
,table:not(.colouroff).dataTable tbody tr td.price.cheaper
,table:not(.colouroff).dataTable tbody tr td.price.cheapest { text-align:right;background-color: #99ffcc; color: #006600; }
td.price.same, td.price.matched  
,table:not(.colouroff).dataTable tbody tr td.price.same
,table:not(.colouroff).dataTable tbody tr td.price.matched {text-align:right;background-color: #ffff99; color: #ff6600; }
td.price.midpriced 
,table:not(.colouroff).dataTable tbody tr td.price.midpriced
{ text-align:right;background-color: #fcb974; color: #9e3f00; }
td.price.jointme 
,table:not(.colouroff).dataTable tbody tr td.price.jointme 
{ text-align:right;background-color: #ff807b; color: #8B0000; }
td.price.dearer, td.price.dearest  
,table:not(.colouroff).dataTable tbody tr td.price.dearer
,table:not(.colouroff).dataTable tbody tr td.price.dearest { text-align:right;background-color: #ff80b7; color: #770000; }

/*td.cheapest input {accent-color: green;}
td.price.matched input {accent-color: yellow;}
td.midpriced input {accent-color: darkgoldenrod;}
td.jointme input {accent-color: tomato;}
td.dearest input {accent-color: pink;}*/

.productDataTable.sellerResults.displayheaders tr td.pricedearest + td + td {color:red;}
tr.no-select td.partnumber { color:red; }
#main a.dt-button.disabled.approveBtnRedText { color:rgb(253, 119, 119); }
.no-select { opacity: 0.6; cursor: not-allowed; }

td.pricealert { background-repeat: no-repeat; background-position:left center; }
td.pricealert:hover { cursor:pointer;background-image:url('/Content/images/icons/alert-inactive2.png');background-color:rgb(252, 252, 163);}
td.pricealert.alertactive {background-image:url('/Content/images/icons/alert-active.png');}
td.pricealert.alertinactive {background-image:url('/Content/images/icons/alert-active-inactive.png');}
td.pricealert.alertfired {background-image:url('/Content/images/icons/alert-fired.png');}
td.pricealert.alertfired.alertinactive {background-image:url('/Content/images/icons/alert-fired-inactive.png');}

#TargetResultFilter{padding-bottom: 10px; }
#TargetResultFilter.mkii {background-color: #045d77;}
#TargetResultFilter .editor-label{display: inline; color: white; padding-bottom:3px;font-weight:bold;font-size:small; }

.requireditem { color: red;}
		
.tooltip {text-decoration: none;position: relative;opacity: 1;font-family: inherit;}
.tooltip span {margin-left: -999em;position: absolute;}
.tooltip:hover span {
  border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Calibri, Tahoma, Geneva, sans-serif; 
  position: absolute;
  left: 1.5em;
  top: 2em;
  z-index: 1003;
  margin-left: 0;
  width: 250px;
  font-size: 1.2em;
}
.tooltip:hover img {border: 0;margin: -22px 0 0 -42px;float: left;position: absolute;}
.tooltip:hover span.uom {left: -24em;top: 0em;width: 350px;}
.tooltip:hover span.showhelpleft {left: -23em;top: 0em;width: 300px;}
.tooltip span p {margin-bottom: 3px;}
.tooltip:hover em {
  font-family: Candara, Tahoma, Geneva, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  display: block;
  padding: 0.2em 0 0.6em 0;
  z-index: 9999999;
}
.tooltipnarrower:hover span {width: 130px;font-size: 1.1em;}
.tooltip.narrowertext:hover span {font-size: 1.1em;}
.tooltip.wider:hover span {width: 330px;}
.tooltipnarrower:hover img {margin: -14px 0 0 -28px;}
.tooltip.middisplay:hover img,.tooltip.lowdisplay:hover img {display:none;}
.tooltip.middisplay:hover span {top: -8em;}
.tooltip.lowdisplay:hover span {top: -12em;}

.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
.compareproducts { padding: 0.3em 0.5em 0.5em 1.3em; }
.compareproductsImg { cursor: pointer;min-width: 100px; padding: 0.3em 0.5em 0.5em 1.3em; }
* html a:hover { background: transparent; }

.classic { background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334; }
.help { background: #cae9ee; border: 1px solid #5BD0E7;color: black;}
.info { background: #9FDAEE; border: 1px solid #2BB0D7; }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
.helpamc { background: #cae9ee; border: 1px solid #5BD0E7;color: black;width: 250px;}
.rating { background: #4c4c4c; border: 1px solid #3c3c3c;color: white;}

.helpimg {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url('/Content/images/icons/helpdashbox.png');
    background-size: 100% 100%;
    margin-left:5px;
    margin-right:5px;
    margin-top:2px;
    float: right;
    z-index: auto;
}

legend .help { font-weight: normal;}
legend .tooltip:hover span {width: 400px;}
.tooltip.bigger:hover span {width: 400px;}
.tooltip.wide300:hover span {width: 300px;}
.tooltiptext{display: none;}
.tooltiptext h1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px; 
    color: white;
    text-decoration: underline;
    font-weight: bold;
    line-height:20px;
}
.tooltiptext.directurl, .tooltiptext.directurl h1 {color: #666;text-decoration: none;}
.tooltiptext.skumenu-content h1 {color: #666666;text-decoration: none;line-height: 22px;padding-bottom:10px;border-bottom: 1px solid #e0e0e0;}
.tooltiptext.skumenu-content .skumenu-item {font-size: small;padding-top:10px;font-weight: bold;padding-bottom:10px;border-bottom: 1px solid #e0e0e0; display:block;padding-left:5px;}
.tooltiptext.skumenu-content .skumenu-item:hover {background-color: #efefef;}
.tooltiptext.skumenu-content .skumenu-item.newgroupitem {border-top: 1px solid #a3a3a3;}
.tooltiptext.skumenu-content.table .skumenu-item {padding-right:5px;font-weight:normal;}

.tooltiptext.pricematrix, .tooltiptext.pricematrix h1 {color: #666;text-decoration: none;}
.tooltip-inner {white-space: pre-wrap;}
.pricematrixtooltip {
    color: white!important;
    padding: 5px 20px;
    margin: 50px;
    text-align: left;
    text-decoration: none;
    box-shadow: 0 0 3px black;
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    -webkit-box-shadow: 0 0 3px #aaa!important;
    -moz-box-shadow: 0 0 3px #aaa!important;
    box-shadow: 0 0 3px #aaa!important;
    border-width: 0!important;
    background: #545454!important;
    background: rgba(79, 82, 86, 0.85)!important;
}

/* put this in to force the save/cancel buttons onto the next line for inline edit text areas */
td .inplace_field{ display:block; }

.verticaldivider{position:absolute; left:50%;top:3%;bottom:3%;border-left:1px solid black;}

.openToggleBtn
{
    display: inline-block;
    background-repeat: no-repeat;
    padding-right: 15px;
    background-image: url('/Content/images/icons/expand_button_lgreen.png');
    font-weight: bold;
    float: left;
    padding-bottom: 10px;
}

.closeToggleBtn
{
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/Content/images/icons/contract_button_lgreen.png');
    font-weight: bold;
    float: left;
    padding-bottom: 10px;
}

.field-validation-error {color: red;}
.validation-summary-errors li{color: red;list-style-image: none;list-style-position: inside;list-style-type: square;}
.validationerror {color: red;display:none;}

#graphoverlay {
    /* stretch the overlay by attaching all four corners */
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* use any background color you like; rgba would be nice, but older IE will ignore it*/
    background: #eee;
    opacity: 0.8;
    filter: alpha(opacity=60);
}
#graphloading {
    position: absolute;
    top: 50%;
    left: 50%;
    /* the image is 50x57, so we use negative margins of 1/2 that size to center it*/
    margin: -16px 0 0 -16px; 
}

div.cpBody{overflow-x:hidden;overflow-y:scroll;height:460px;max-height:100%;background-color: white;}
div.cpBody table.compareProductsTable{margin-bottom:20px; width:100%; table-layout: fixed;}
body.printpreview div.sidebysidedisplay {overflow:initial;height:inherit;}
body.printpreview div.cpBody {overflow-x:initial;overflow:initial;height:inherit;max-height:inherit;}
body.printpreview .mdqBtn, body.printpreview .amcBtn, body.printpreview .glyphicon {display:none;}

@media print {
  a[href]:after {
    content: none !important;
  }
}
div.ppBody table.promotionAuditTable{margin-bottom:20px;width:100%; table-layout: fixed;}
div.ppBody table.promotionAuditTable tbody tr td:first-child,div.ppBody table.promotionAuditTable thead tr th:first-child{width:95px; }
div.ppBody table.promotionAuditTable tbody tr td:nth-child(3),div.ppBody table.promotionAuditTable thead tr th:nth-child(3){width:120px; }

 .chart-filter {
    border: 1px solid;
    padding: 1px 10px 10px 10px;
    background: rgb(88, 76, 245);
    background: rgba(24, 24, 26, 0.6);
    position: relative;
    top: -345px;
    left: -20px;
    min-height: 60px;
    width: 310px;
    overflow:hidden;
}

.chart-dropdown .editor-label,.chart-checkbox .editor-label  {color: white;float: left;width: 125px;font-weight: bold;}

.editor-label {font-weight: bold;}
.editor-label-inline {font-weight: bold;display:inline;}

table.amcrequery .editor-label-inline {font-size: small;width:100px;display: inline-block;}
table.amcrequery .editor-label-inline.smaller {font-size: small;width:90px;display: inline-block;}
table.amcrequery {border: 1px white solid;}
table.amcrequery tr, table.amcrequery tr td {border: none;}
table.amcrequery thead tr {display:none;}
table.amcrequery thead tr th:first-child {width:20%;}
table.amcrequery thead tr th:nth-child(2) {width:25%;}
table.amcrequery thead tr th:nth-child(3) {width:20%;}
table.amcrequery thead tr th:nth-child(4) {width:20%}
table.amcrequery thead tr th:nth-child(5) {max-width:100px;}

input#acpretailerstock, 
input#apcretailerstock, 
input#pihretailerstock, 
input#usoretailerstock, 
input#mtretailerstock,
input#pdcretailerstock,
input#mssretailerstock,
input#pmcretailerstock,
input#cmtretailerstock   {
    width: 34px;
    margin-top: 2px;
}

.chart-checkbox input {width:100px;}
.chart-filter-btn, .chart-fullscreen-btn, .chart-backup-btn, .chart-zoom-btn, .chart-export-btn, .chart-help-btn, .chart-swap-btn
{
    display: inline-block;
    background-repeat: no-repeat;
    padding-right: 15px;
    margin-top: 6px;
    font-weight: bold;
    vertical-align: middle;
    float: left;
    height: 19px;
    width: 19px;
    background-size: 100% 100%;
}

.chart-filter-btn-off{background-image: url('/Content/images/graphicons/filter-icon-off.png');}
.chart-filter-btn-on{background-image: url('/Content/images/graphicons/filter-icon-on-enabled.png');}
.chart-filter-btn-on.icon-disabled{background-image: url('/Content/images/graphicons/filter-icon-on-disabled.png');}
.chart-filter-btn-off.icon-disabled{background-image: url('/Content/images/graphicons/filter-icon-off-disabled.png');}
.chart-filter-btn-disabled{background-image: url('/Content/images/graphicons/filter-icon-disabled.png');}
.chart-help-btn{background-image: url('/Content/images/graphicons/help-icon.png');}
.chart-swap-btn {background-image: url('/Content/images/graphicons/swap-icon.png');}
.chart-swap-btn.icon-disabled{background-image: url('/Content/images/graphicons/swap-icon-disabled.png');}
.chart-fullscreen-btn-off{background-image: url('/Content/images/graphicons/expand-icon-off.png');}
.chart-fullscreen-btn-on{background-image: url('/Content/images/graphicons/expand-icon-on.png');}
.chart-fullscreen-btn-disabled{background-image: url('/Content/images/graphicons/expand-icon-disabled.png');}
.chart-backup-btn-off{background-image: url('/Content/images/graphicons/backup-icon-off.png');}
.chart-backup-btn-on{background-image: url('/Content/images/graphicons/backup-icon-on.png');}
.chart-zoom-btn{background-image: url('/Content/images/graphicons/chart-zoom-icon.png');}
.chart-zoom-btn.icon-disabled{background-image: url('/Content/images/graphicons/chart-zoom-icon-disabled.png');}
.chart-export-btn-off{background-image: url('/Content/images/graphicons/exportreport-icon-off.png');}
.chart-export-btn-on{background-image: url('/Content/images/graphicons/exportreport-icon-on.png');}
.chart-export-btn-waiting{background-image: url('/Content/images/ajax-loader.gif');background-size: 80% 80%;background-position: center center;}

.utils span.chart-backup-btn{float:right;margin-right:10px;}
.utils span.chart-help-btn{float:right;margin-right:40px;cursor:pointer;}
.utils span.chart-zoom-btn{float:right;margin-right:70px;}
.utils span.chart-fullscreen-btn{float:right;margin-right:100px;}
.utils span.chart-filter-btn{float:right;margin-right:130px;}
.utils span.chart-export-btn{float:right;margin-right:160px;}
.utils span.chart-swap-btn{float:right;margin-right:160px;cursor:pointer;}

.chart-filter-close-btn {
    color:  white;
    text-align:  right;
    margin-top:1px;
    margin-bottom:3px;
    cursor:pointer;
    width:5px;
    float:right;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
}

.helpcontenticons img {width: 20px;height: 20px;}
.helpcontenticons li {list-style-type:none;padding-top:5px;margin-right: 35px;margin-top: 5px;}

mark {background-color: #fccce1;color: black;font-weight: bold;}
table#decisionreviewtable.dataTable thead th {border-bottom: 1px solid white;}
table#decisionreviewtable.dataTable tfoot th {border-bottom: 1px solid black;}
.mysocial, .mysocial-icon {height: 40px;width: 40px;}
.social-icons img {width:16px;height:16px;margin-top:2px;margin-right:4px;}
div.resultscontainer {overflow: scroll;}

.navlinksbottom {font-weight:bold; }
#layoutdescriptiondiv {position: relative;}
#layoutdescriptiondiv .navlinksbottom{position: absolute;bottom: 0;left: 0;padding-left:15px}
#layoutdescriptiondiv .navlinksbottom a {padding-right:15px}
div#layoutdescriptioncontentdiv {padding-bottom:20px;}

table.productDataTable.partialResults.displayheaders thead th,table.productDataTable.partialResults.displayheaders thead th.sorting {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    padding:5px;
    background-color: #555;
    color:white;
}
table.productDataTable.partialResults.displayheaders.dr thead th,table.productDataTable.partialResults.displayheaders.dr thead th.sorting {
    position: inherit;
}
.sellerResults thead th,.rulepreviewResults thead th,.sellerResults thead th,.rulepreviewResults thead th.sorting {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    padding:5px;
    background-color: #555;
}
.amcTargetResults thead tr:first-child th,.amcTargetResults thead tr:first-child th.sorting  {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    padding:0px;
    background-color: #555;
}
.amcTargetResults thead tr:nth-child(2) th,.amcTargetResults thead tr:nth-child(2) th.sorting  {
    position: sticky;
    top: 26px;
    z-index: 2;
    padding:0px;
    background-color: #555;
}

.sellerResults.displayheaders th:nth-child(1) {width: 165px;}
.sellerResults.displayheaders th:nth-child(2) {min-width: 300px;}
.sellerResults.displayheaders th:nth-child(3) {width: 95px;}
.sellerResults.displayheaders th:nth-child(4),
.sellerResults.displayheaders th:nth-child(5), 
.sellerResults.displayheaders th:nth-child(6) {width: 75px;text-align:right;height:43px;}
.sellerResults.displayheaders th:nth-child(7) {min-width:140px;width: 140px;}
.sellerResults.displayheaders td:nth-child(7) {width: 62px;}
.sellerResults.displayheaders td:nth-child(8) {width: 26px;}
.sellerResults.displayheaders td:nth-child(9) {width: 26px;}

.rulepreviewResults.displayheaders th:nth-child(1) {width: 45px;text-align:center;padding-left:0;}
.rulepreviewResults.displayheaders th:nth-child(2) {min-width: 250px;}
.rulepreviewResults.displayheaders th:nth-child(3) {width: 200px;}
.rulepreviewResults.displayheaders th:nth-child(4),
.rulepreviewResults.displayheaders th:nth-child(5), 
.rulepreviewResults.displayheaders th:nth-child(6) {width: 75px;text-align:right;height:43px;}
.rulepreviewResults.displayheaders th:nth-child(7) {width: 50px;text-align:center;}

.amcTargetResults.displayheaders tr th:nth-child(1) {height: 15px;}
.amcTargetResults.displayheaders tr:nth-child(2) th:nth-child(1) {min-height: 18px;height:18px;overflow:hidden;}
.amcTargetResults.displayheaders th:nth-child(1) {width: 100px;}
.amcTargetResults.displayheaders th:nth-child(2) {min-width: 140px;}
.amcTargetResults.displayheaders th:nth-child(3) {width: 100px;}
.amcTargetResults.displayheaders th:nth-child(4) {width: 140px;}
.amcTargetResults.displayheaders th:nth-child(5) {width: 80px;} 
.amcTargetResults.displayheaders th:nth-child(6) {width: 80px;text-align:right;}
.amcTargetResults.displayheaders th:nth-child(7) {width: 90px;}
.amcTargetResults.displayheaders th:nth-child(8) {width: 100px;}
.amcTargetResults.displayheaders th:nth-child(9) {width: 25px;}
.amcTargetResults.displayheaders th:nth-child(10) {width: 25px;}
.amcTargetResults.displayheaders th:nth-child(11) {width: 25px;}

table.existingMatches.decisionreview tr.matchedsuggestion td{background-color:white;}
table.existingMatches.decisionreview {width:100%;}

.deliverytoggle {font-size:smaller;vertical-align: bottom;display:none;font-style:italic;}
div.priceplaceholder {height:18px;}
.priceplusdeliverytoggle {vertical-align: bottom;display:none;font-weight:bold;}
.priceplusdeliverytoggle span {border-top: 1px solid ;}
.vatincprice, .vatexcprice, .excludingdelivery, .includingdelivery {}
.searchbuttonspinner {float:right;margin-right:10px;height:22px;}
.pricespinner {width: 70px;}
.paleftcol {float:left;display:block;width:60%;}
.parightcol {float:right;display:block;width:250px;}
.pabottomcol {display:block;width:100%;margin-top:10px;}
.padetails td:first-child  {font-weight:bold;}
.datePicker {width: 80px;}
.dusleftcol {float:left;display:block;width:49%;}
.dusrightcol {float:right;display:block;width:49%;}
.dusbottomcol {display:block;width:100%;margin-top:10px;}
.fsdisp {background-color: #eee;border-radius: 5px;margin-bottom:20px;}
.fsedit {background-color: #e1f1fe;border-radius: 5px;margin-bottom: 80px;}

.pleaseWaitModal {
    display: block; 
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-image: url('../images/ajax-loader.gif');
    background-position:center;
    background-size:100% 100%;
    width: 31px;
    height: 31px;
}

.waitModalWrapper {
    background-color: white;
    width: 100%;
    height: 51px;
    padding-top:10px;
}


.filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; }
.filter-table .quick:hover { text-decoration: underline; }
td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
p.filter-table {float:right; margin-right:10px;color:#ffffff;font-weight:bold; font-size:small;}

#pdtresults.sellerResults tbody tr td { height:54px; }

td.smctotal {position: relative; }
.smctop, .smcbot { position: absolute; }
.smctop { top: 0; }
.smcbot { bottom: 1px; font-weight:bold; right: 0;}

#changebulknotedescription {font-style: italic;font-size: small;}
table#pdtresults { width: 100%; table-layout: fixed; }
table#pdtresults.sellerResults tr td { border-color: #999; }
table#pdtresults.rulepreviewResults tr td { border-color: #999; }

div#querysave p {font-size:smaller;}
#main div.maintcentretoplinks {margin-bottom:5px;}
#main div.maintcentretoplinks a {font-size:small;}

.exclude-seller-icon
{
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: middle;
    float: left;
    height: 20px;
    width: 20px;
    background-size: 100% 100%;
    cursor:pointer;
}
.sellername{}
.exclude-seller-icon.exclude{background-image: url('/Content/images/icons/user_exclude.png');}
.exclude-seller-icon.include{background-image: url('/Content/images/icons/user_include.png');}
.exclude-seller-icon.preferred{background-image: url('/Content/images/icons/user_preferred_seller.png');}
.exclude-seller-icon.disabled{background-image: url('/Content/images/icons/user_exclude_disabled.png');}
.exclude-seller-icon.disabled:hover{background-image: url('/Content/images/icons/user_seller_maintenance.png');}
.exclude-seller-icon.exclude:hover{background-image: url('/Content/images/icons/user_seller_maintenance.png');}
.exclude-seller-icon.preferred:hover{background-image: url('/Content/images/icons/user_seller_maintenance.png');}

#main p.CaptionCont.SelectBox.search {padding-top:1px;padding-bottom:1px;}
caption { padding:4px; }
.dialog-error-message {color: red;display:none;}
.partialviewnote {font-weight: normal;font-size: small;color: lightgrey;}

.SumoSelect.sumo_TagIDs, .SumoSelect.sumo_TargetTagIDs, .SumoSelect.sumo_QueryModel\.TagIDs, .SumoSelect.sumo_QueryPriceAlertIDs, .SumoSelect.sumo_MatchTypeIDs
, .SumoSelect.sumo_QueryAttributeTypeIDs  , .SumoSelect.sumo_StockChangeOption {
    max-width: 135px;
}
div.auditquerytags div.SumoSelect.sumo_TagIDs,div.pricemovementtags div.SumoSelect.sumo_TagIDs  {max-width: 130px;}
.SumoSelect.sumo_QueryModel\.TagIDs {max-width: 150px;}
.SumoSelect.sumo_QueryModel\.MatchTypeIDs  {max-width: 250px;}
.SumoSelect.sumo_SiteIDs{max-width: 175px;}
.SumoSelect.sumo_QueryAttributeTypeID{max-width: 175px;}
.SumoSelect.sumo_SiteID{max-width: 175px;}
.sm-query .SumoSelect.sumo_TagIDs , .rpp-query .SumoSelect.sumo_TagIDs, .amc-query .SumoSelect.sumo_TagIDs {width: 135px;}
.SumoSelect.sumo_NoteTypeIDs {width: 180px;max-width: 250px;}
.SumoSelect.sumo_NoteDescriptions, .SumoSelect.sumo_NoteDescriptions div.optWrapper  {width: 250px;max-width: 250px;}
table.amcrequery .SumoSelect.sumo_QueryAttributeTypeIDs  {max-width: 120px;}

/* query block fields */
.editor-field { color: black; }
.editor-field-inline { display:inline;}

div.adminsignupdiv .editor-label { display:inline-block;}
div.adminsignupdiv .editor-field { display:inline; float:right;}
div.adminsignupdiv {max-width: 420px;}
div.adminsignupdiv input[type=submit] {font-size:medium;padding:2px; float:right;}

select, select option, input {color: #444;font-weight: normal;}

.query-editor-label { 
    display: block; 
    color: white; 
    padding-bottom:2px;
    font-weight:bold;
    font-size:small;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.query-editor-label-inline { display: inline; color: white; padding-bottom:2px;font-weight:bold;font-size:small;white-space: nowrap;}
.query-editor-label.price-prox { font-size:0.9em;}
.ui-dialog .query-editor-label {color: black;}
.query-block-field {display: inline; width:100%;}
.query-block-hr {margin-top:0px;margin-bottom:0px;margin-left:15px;margin-right:15px;}
.SearchButton {height: 30px; max-width: 80px; font-size: larger; margin-top: 10px; float: right; padding: 0px 12px 0px 12px;color: black;}
.queryblock.amc-query.mkii .ReQueryButton, .queryblock.amc-query.mkii .SearchButton  {
    height: 30px; 
    font-size:larger; 
    margin-top: 0; 
    padding: 0px 12px 0px 12px;
    color: black;
}
.query-togglelabel {float:right; padding-right:10px;}
.query-category {max-width:175px;}
.query-attributevalue {max-width:250px;}
.query-extendedspec {max-width:200px;}
.query-producttitle {max-width:180px;}
.query-tags {max-width:135px;}
.query-mpn {max-width:150px;}
.query-gtin {max-width:150px;}
.query-partnumber {max-width:150px;}
.query-brand {max-width:150px;}
.query-retailer {max-width:150px;}
.query-date {max-width:80px;}
.query-date-input {max-width:85px;}
.query-withindays {max-width:40px;}
.query-matchtypes {max-width:150px;}
.query-searchmodes {max-width:150px;}
.query-notetypes {max-width:150px;}
.query-notes {max-width:300px;}
.query-pricemovementtypes {max-width:150px;}
.query-pricealerts {max-width:150px;}
.query-rules {max-width:180px;}
.query-pricediffvalue {max-width:70px;width:70px;margin: 0;margin-left:3px ;}
.query-margin {max-width:70px;width:70px;}
.query-price {max-width:70px;width:70px;}
.query-largeprice {max-width:150px;}
.query-maxsuggestions {width:50px;}
.query-seller {max-width:180px;}
.query-trackvalue {max-width:70px;width:45px;}
.query-packsize {max-width:80px;width:70px;}
.query-unitsize {max-width:80px;width:70px;}
.query-price-prox {max-width:70px;width:60px;}
.query-attribute {max-width:150px;}
table.amcrequery tbody tr td div input.query-attributevalue {max-width:150px;}
.query-dropdownlist {max-width:150px;}
.query-checkbox{float:right;width:13px;}
.query-match-checkboxes {margin-right:10px;}
.query-filler {max-width:50px;}
.space-above {margin-top:5px;}
.query-matchingwords-toggle {color: white; font-weight:bold;padding-top:15px;float:right;width:75%;}
.query-filter-checkboxes {color: white; font-weight: bold; margin-right: 5px; margin-left: 5px; padding-top: 3px; float: right;}
.query-filter-checkboxes.displayleft {float: left;}
#decisionreviewtable_wrapper .query-filter-checkboxes {font-size: 14px;margin-top: -5px;margin-bottom: 0;}
#decisionreviewtable_wrapper .query-filter-checkboxes.displayleft  {margin-left: 50px;}
#decisionreviewtable_wrapper .query-filter-checkboxes.displayright {margin-right: 50px;}

.query-block-icon
{
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    vertical-align: middle;
    margin-right:3px;
    margin-top:2px;
}

.query-block-icon.list-entry{background-image: url('../images/icons/spreadsheet_icon.png');margin:0;}
.query-block-icon.list-entry:hover{background-image: url('../images/icons/spreadsheet_icon_on.png');}


#dashboarddatasummarydiv div.row {
    margin-left: 0;
    margin-right: 0;
}

div span.inlineloader {
    display:none;
    background-repeat: no-repeat;
    vertical-align: middle;
    float: left;
    height: 17px;
    width: 17px;
    background-size: 100% 100%;
    background-image: url('/Content/images/ajax-loader.gif');
}


.generic-icon {
    margin-top:3px;
    margin-right:auto;
    margin-left:auto;
    cursor: pointer;
    display: block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.generic-icon.reportupload
{
    background-image: url('../images/icons/upload-icon-disabled.png');
}
.generic-icon.reportupload:hover
{
    background-image: url('../images/icons/upload-icon-enabled.png');
}

.uploadbuttonarea {
    display:none;
}

.uploadbuttonarea input {
    font-size:16px;
    padding:2px;
}

form#myDropzone {
    width:30%;
    min-width:200px;
}

/* overrides for the jquery UI icon that would disappear on hover */

.ui-icon-closethick {
    background-image: url('../images/icons/x-close-icon.png')!important;
    background-position: left top !important;
    margin: 0 !important;
}

.ui-button-icon-only .ui-icon {
    left:0 !important;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick {
    width: 10px !important;
    height: 10px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 0 !important;
}