BODY
{
	font-family: arial, verdana, sans serif;
        color: #000000 ;
	background-color: #FFFFFF ;
}
DIV
{
-moz-box-sizing: border-box;
}
.cmscontentdiv
{
        color: #CCCCCC ;
	background-color: #FFFFFF ;
}
.copyright
{
	font-size: 10pt;
}
TABLE.cmsbodytable
{
    width:100%;
    height:100%;
    vertical-align:top;
}
TD.cmsbody
{
    padding-top:16;
    padding-bottom:16;
    padding-left:16;
    padding-right:16;
}
TABLE.cmsbody
{
    width:100%;
    height:100%;
}
DIV.cmsbody
{
        overflow:hidden;
}
DIV.cmsmenu
{
padding-top:10; VERTICAL-ALIGN: top; WIDTH: 100%; HEIGHT: 100%
}
.navigation
{
	font-size: 10pt;
	background-color: #4D4D4D;
}
.header
{
        color: #FFFFFF;
        background-color: #000000;
        text-align:right;
	font-size: 30;
        font-weight: bold;
}
.headerbar
{
        color: #FFFFFF;
        background-color: #4D4D4D;
        text-align:right;
        font-weight: bold;
}
.headerlogo1
{
        color: #FFFFFF;
        background-color: #000000;
        text-align:left;
	font-family: verdana, arial, sans serif;
	font-size: 18px;
        font-weight: bold;
}
.logo
{
        background-color: #4D4D4D;
        text-align:left;
}
TABLE.logo
{
	border-top: 2px white solid;
}
.banner
{
        background-color: #4D4D4D;
}
TABLE.banner
{
	border-top: 2px white solid;
}
TR.footer
{
        height:12;
	border-top: 2px white solid;
}
.footer
{
        background-color: #4D4D4D;
	color: #FFFFFF;
        vertical-align:middle;
        padding-top:1;
        padding-bottom:2;
}
A.footer
{
	color: #FFFFFF;
	font-size: 10pt;
}
A.header
{
	color: #FFFFFF;
	font-size: 10pt;
}
.linkbutton { background-color: white; border: gray 1px solid; color: #996633; font-size: 8pt; padding-left: 4px; padding-right: 4px; margin: 1px; height:16px }

.nav { margin-left:4px; PADDING-LEFT: 0px; COLOR: #FFFFFF; HEIGHT: 14px; TEXT-DECORATION: none }
.nav:hover { margin-left:-0px; PADDING-LEFT: 4px; BACKGROUND: #b9b8b8; COLOR: #000000; HEIGHT: 16px; TEXT-DECORATION: none }
.navon { DISPLAY: block; PADDING-LEFT: 4px; BACKGROUND: #4D4D4D; COLOR: #CC0000; HEIGHT: 16px; TEXT-DECORATION: none }
.navboxouter
{
	background-color: #4D4D4D;
	color: #FFFFFF;
        cellspacing: 0 ;
        cellpadding: 0 ;
}
.navboxinner
{
	background-color: #4D4D4D;
	color: #FFFFFF;
        cellspacing: 0 ;
        cellpadding: 0 ;
}
TABLE.navboxouter
{
	border-right: 2px white solid;
}

.navboxouter
{
	background-color: #4D4D4D;
	color: #FFFFFF;
        cellspacing: 0 ;
        cellpadding: 0 ;
}
.navboxinner
{
	background-color: #4D4D4D;
	color: #FFFFFF;
        cellspacing: 0 ;
        cellpadding: 0 ;
}
TABLE.navboxouter
{
	border-right: 2px white solid;
}

.breadcrumbtrail
{
	font-size: 9pt;
        font-style: italic;
        color: #FFFFFF;
	background-color: #4D4D4D;
}
.folderlinks
{
	font-size: 9pt;
        font-style: italic;
        color: #FFFFFF;
}
.pagetitle
{
	font-size: 18pt;
        font-weight: bold;
        font-style: italic;
        color: #FFFFFF;
}
.pagedescription
{
	font-size: 14pt;
        font-weight: bold;
        font-style: italic;
        color: #000000;
}
.newsbox
{
	background-color: #FFFFFF;
}
.newboxtitle
{
	font-size: 10pt;
        font-style: italic;
	color: #555555;
}
.newsboxbody
{
	background-color: #FFFFFF;
}
INPUT, SELECT, TEXTAREA 
{
	background-color: white;
	border: gray 1px solid;
	color: #996633;
	font-size: 8pt;
}
INPUT.checkbox
{
	background-color: transparent;
	border: none;
	color: #996633;
}
TD, P
{
	font-size: 10pt;
}
A
{
	font-size: 10pt;
	color: #000000;
	text-decoration: underline;
}
A:link 
{
	text-decoration: none;
}
A:visited 
{
	text-decoration: none;
}
A:active {
	text-decoration: none;
}
A:hover 
{
	text-decoration: underline;
}
SPAN.year {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    background-color: #FFFFFF;
    color: #555555;
    width:10 ;
    cursor:hand ;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
}
SPAN.yearover {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    background-color: #FFFFFF;
    color: #555555;
    width:10 ;
    cursor:hand ;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
}
DIV.month {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    background-color: #FFFFFD;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    color: #555555;
    width:30 ;
    cursor:hand ;
}
DIV.monthover {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    background-color: #FFFFFD;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    color: #555555;
    width:30 ;
    cursor:hand ;
}
DIV.monthselected {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    background-color: #999981;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    color: #555555;
    width:30 ;
}
SPAN.monthyear {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    font-weight:bold;
    background-color: #EDF1E2;
    color: #999981;
    cursor:default ;
	width:40 ;
}
DIV.dayother {
    background-color: #FFFFFD;
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    color: #BABAA3;
	width: 26 ;
}
DIV.dayout {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    background-color: #FFFFFD;
    color: #555555;
	width: 26 ;
    cursor:hand ;
}
DIV.dayover {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    background-color: #FFFFFD;
    color: #555555;
	width: 26 ;
    cursor:hand ;
}
DIV.dayselected {
    background-color: #999981;
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    color: #555555;
	width: 26 ;
    cursor:hand ;
}
DIV.dayheader {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    font-style:normal ;
    text-decoration:none ;
    background-color: #FFFFFD;
    color: #BABAA3;
	width: 26;
}
DIV.dayheadermac {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    font-style:normal ;
    text-decoration:none ;
    background-color: #EDF1E2;
    color: #BABAA3;
	width: 184;
}
SPAN.dayother {
    background-color: #FFFFFD;
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    color: #BABAA3;
	width: 26 ;
}
SPAN.dayout {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    background-color: #FFFFFD;
    color: #555555;
	width: 26 ;
    cursor:hand ;
}
SPAN.dayover {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    background-color: #FFFFFD;
    color: #555555;
	width: 26 ;
    cursor:hand ;
}
SPAN.dayselected {
    background-color: #999981;
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    color: #555555;
	width: 26 ;
    cursor:hand ;
}
SPAN.dayheader {
	border-left:1px #EDF1E2 solid;
	border-top:1px #EDF1E2 solid;
	border-right:1px #EDF1E2 solid;
	border-bottom:1px #EDF1E2 solid;
    font-family: verdana, arial, times new roman, sans-serif;
    font-size: 10px;
    font-style:normal ;
    text-decoration:none ;
    background-color: #FFFFFD;
    color: #BABAA3;
	width: 26;
}

/* icomconnect V2 formats */

/* List formats */

TABLE.list
{
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
spacing:0;
margin-bottom:4px;
padding-left:4px;
width:100%;
border : solid 1 black ;
background-color:#CCCCCC;
}
TD.list
{
        background-color: #FFFFEE;
        color: #000000;
        horizontal-align:left;
}
TR.list
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
color: #000000;
line-height:18px;
}
TD.actionlink, TD.checkbox
{
text-align:center;
line-height:14px;
}
TD.pricecolumn
{
text-align:right;
font-weight: bold;
}

/* general form layout */
div.spacer {
  clear: both;
  }
div.orderrow {
height:20px;
  clear: both;
  line-height:12px;
  margin: 0px auto ;
  }
div.orderrow span.orderlabel {
  float: left;
  width: 110px;
  text-align: left;
  font-weight: bold;
  padding-left: 4px;
  }
div.orderrow span.orderfield {
  float: left;
  width: 200px;
  text-align: left;
  } 
div.doublewidthrow {
height:16px;
  clear: both;
  line-height:12px;
  margin: 0px auto ;
  }
div.doublewidthrow span.doublewidthlabel {
float: left;
  width: 110px;
  text-align: left;
        font-weight: bold;
padding-left: 4px;
  }
div.doublewidthrow span.doublewidthfield {
  float: left;
  width: 200px;
  text-align: left;
  } 
div.widerow {
height:16px;
  clear: both;
  line-height:12px;
  margin: 0px auto ;
  }
div.widerow span.widelabel {
  float: left;
  width: 200px;
  text-align: left;
        font-weight: bold;
  }
div.widerow span.widefield {
  float: left;
  width: 98%;
  text-align: left;
  } 

/* button formats */
DIV.formbuttons
{
clear: both;
FLOAT: center; width:100%;
margin:5px;
padding-top:4px;
text-align:center;
}
SPAN.formbuttons
{
padding:10;
}
/* general subsection title format */

DIV.titlebar
{
color:white;
background-color:#4D4D4D;
width:100%;
margin-bottom:4px;
/*padding-left:4px;*/
text-align:center;
}
DIV.formheader
{
color:white;
background-color:#4D4D4D;
width:100%;
margin-bottom:4px;
/*padding-left:4px;*/
text-align:center;
}
DIV.formdescription
{
FLOAT: left; WIDTH: 100%;
/*padding:10px 10px;*/
margin-bottom:4px;
/*padding-left:2px;*/

font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
/*border : solid 1 black ;*/
background-color:#FFFFFF;
}
DIV.playformdescription
{
FLOAT: left; WIDTH: 100%;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 8px;
line-height:14px;
border : solid 1 black ;
background-color:#4D4D4D;
}

/* order formats */

DIV.orderbackground
{
    background-color:#FFFFFF;
}
DIV.ordertitlebar
{
color:white;
background-color:#FFFFFF;
width:100%;
margin-bottom:4px;
padding-left:4px;
text-align:center;
}
DIV.orderformheaderWARN
{
color:white;
background-color:red;
width:100%;
margin-bottom:4px;
padding-left:4px;
text-align:center;
}
DIV.orderformheader
{
color:white;
background-color:#4D4D4D;
width:96%;
margin-bottom:4px;
/*padding-left:4px;*/
text-align:center;
}
DIV.orderformdescription
{
FLOAT: left; WIDTH: 96%;
/* padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#FFFFFF;
}
DIV.orderheader
{
WIDTH: 96%;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-top : solid 1 black ;
border-left : solid 1 black ;
border-right: solid 1 black ;
border-bottom : dashed 1 black ;
background-color:#FFFFFF;
}
DIV.ordersupplier 
{
  clear: both;
FLOAT: left; WIDTH: 48%;
/*height:170px;
padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-left: solid 1 black ;
background-color:#FFFFFF;
}
DIV.ordercustomer
{
FLOAT: left; WIDTH: 48%;
/*height:170px;
padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-right : solid 1 black ;
border-left: dashed 1 black ;
background-color:#FFFFFF;
}
DIV.orderlocation
{
width:100%;
border : dashed 1 black ;
}
DIV.orderinfo
{
  clear: both;
WIDTH: 96%;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#FFFFFF;
}

TD.cataloglabel
{
        width:200px;
        padding-left:8px;
        font-weight: bold;
}
TABLE.catalogitems
{
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:18px;
spacing:0;
padding:0;
width:100%;
border : solid 1 gray ;
background-color:#FFFFFF;
}
TABLE.orderitems
{
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:18px;
spacing:0;
padding:0;
width:100%;
border : dashed 1 black ;
background-color:#FFFFFF;
}
TR.orderitems
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
line-height:18px;
height:18px;
color: #000000;
}
TR.orderitems-removed 
{
text-decoration: line-through ;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
line-height:18px;
height:18px;
color: #000000;
 }

/* Use following if orderitems field has altrows="true"
TR.orderitemseven
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
color: #000000;
}
TR.orderitemsodd
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
color: #000000;
}
*/

/* invoice formats */

DIV.invoicebackground
{
    background-color:#FFEAAA;
}
DIV.invoicelabel
{
       font-weight: bold;
}
DIV.invoiceformheader
{
color:white;
background-color:#4D4D4D;
width:100%;
margin-bottom:4px;
padding-left:4px;
text-align:center;
}
DIV.invoiceformdescription
{
FLOAT: left; WIDTH: 96%;
/*padding:10px;
 
padding-left:4px;*/

font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#FFEAAA;
}
DIV.invoiceheader
{
WIDTH: 90% ;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-top : solid 1 black ;
border-left : solid 1 black ;
border-right: solid 1 black ;
border-bottom : dashed 1 black ;
background-color:#FFEAAA;
}
DIV.invoiceaddressbox 
{
/*padding:4px;*/
/*margin-bottom:4px;*/
/*background-color:#F0E0A0;*/
}

DIV.invoicesupplier 
{
clear: both;
FLOAT: left;

width: 48%;
/*height:250px;
padding:10px; */
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-left: solid 1 black ;
background-color:#FFEAAA;
}
DIV.invoicecustomer
{
FLOAT: left;

width: 48%;
/*height:250px;
padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-right : solid 1 black ;
border-left: dashed 1 black ;
background-color:#FFEAAA;
}
DIV.invoicesupplierbox2
{
  clear: both;
FLOAT: left;
WIDTH: 48%;
height:180px;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-top: solid 1 black ;
border-left: solid 1 black ;
background-color:#FFEAAA;
}
DIV.invoicecustomerbox2
{
FLOAT: left;
WIDTH: 48%;
height:180px;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-top: solid 1 black ;
border-right : solid 1 black ;
border-left: dashed 1 black ;
background-color:#FFEAAA;
}
DIV.invoicelocation
{
width:100%;
border : dashed 1 black ;
}
DIV.invoiceinfo
{
FLOAT: left; WIDTH: 96%;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#FFEAAA;
}

TABLE.invoiceitems
{
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:18px;
spacing:0;
padding:0;
width:100%;
border : dashed 1 black ;
background-color:#FFEAAA;
}
TR.invoiceitems
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
color: #000000;
line-height:18px;
height:18px;
}
TR.invoiceitems-removed 
{
text-decoration: line-through ;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
line-height:18px;
height:18px;
color: #000000;
 }

/* remittance formats */

DIV.remittancebackground
{
    background-color:#FFDFBF;
}
DIV.remittanceformheader
{
color:white;
background-color:grey;
width:100%;
margin-bottom:4px;
padding-left:4px;
text-align:center;
}
DIV.remittanceformdescription
{
FLOAT: left; WIDTH: 100%;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#FFDFBF;
}
DIV.remittanceheader
{
WIDTH: 96% ;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-top : solid 1 black ;
border-left : solid 1 black ;
border-right: solid 1 black ;
border-bottom : dashed 1 black ;
background-color:#FFDFBF;
}
DIV.remittancesupplier 
{
  clear: both;
FLOAT: left; WIDTH: 48%;
height:170px;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-left: solid 1 black ;
background-color:#FFDFBF;
}
DIV.remittancecustomer
{
FLOAT: left; WIDTH: 48%;
height:170px;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-right : solid 1 black ;
border-left: dashed 1 black ;
background-color:#FFDFBF;
}
DIV.remittancelocation
{
width:100%;
border : dashed 1 black ;
}
DIV.remittanceinfo
{
FLOAT: left; WIDTH: 96%;
/*padding:10px;*/
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#FFDFBF;
}

TABLE.remittanceitems
{
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:18px;
spacing:0;
padding:0;
width:100%;
border : dashed 1 black ;
background-color:#FFDFBF;
}
TR.remittanceitems
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
color: #000000;
line-height:18px;
height:18px;
}

/* shippingnote formats */

DIV.shippingnotebackground
{
    background-color:#4D4D4D;
}
DIV.shippingnoteformheader
{
color:white;
background-color:grey;
width:100%;
margin-bottom:4px;
padding-left:4px;
text-align:center;
}
DIV.shippingnoteformdescription
{
FLOAT: left; WIDTH: 100%;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#4D4D4D;
}
DIV.shippingnoteheader
{
WIDTH: 100% ;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-top : solid 1 black ;
border-left : solid 1 black ;
border-right: solid 1 black ;
border-bottom : dashed 1 black ;
background-color:#4D4D4D;
}
DIV.shippingnotesupplier 
{
  clear: both;
FLOAT: left; WIDTH: 46%;
height:170px;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-left: solid 1 black ;
background-color:#4D4D4D;
}
DIV.shippingnotecustomer
{
FLOAT: left; WIDTH: 46%;
height:170px;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-right : solid 1 black ;
border-left: dashed 1 black ;
background-color:#4D4D4D;
}
DIV.shippingnotelocation
{
width:100%;
border : dashed 1 black ;
}
DIV.shippingnoteinfo
{
FLOAT: left; WIDTH: 100%;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#4D4D4D;
}

TABLE.shippingnoteitems
{
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:18px;
spacing:0;
padding:0;
width:100%;
border : dashed 1 black ;
background-color:#4D4D4D;
}
TR.shippingnoteitems
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
color: #000000;
line-height:18px;
height:18px;
}

/* customs formats */

DIV.customsbackground
{
    background-color:#CCCCCC;
}
DIV.customstitlebar
{
color:white;
background-color:#4D4D4D;
width:100%;
margin-bottom:4px;
padding-left:4px;
text-align:center;
}
DIV.customsformheader
{
color:white;
background-color:#4D4D4D;
width:100%;
margin-bottom:4px;
/*padding-left:4px;*/
text-align:center;
}
DIV.customsformdescription
{
FLOAT: left; WIDTH: 100%;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#4D4D4D;
}
DIV.customsheader
{
WIDTH: 100% ;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-top : solid 1 black ;
border-left : solid 1 black ;
border-right: solid 1 black ;
border-bottom : dashed 1 black ;
background-color:#4D4D4D;
}
DIV.customssupplier 
{
  clear: both;
FLOAT: left; WIDTH: 46%;
height:170px;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-left: solid 1 black ;
background-color:#4D4D4D;
}
DIV.customscustomer
{
FLOAT: left; WIDTH: 46%;
height:170px;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border-right : solid 1 black ;
border-left: dashed 1 black ;
background-color:#4D4D4D;
}
DIV.customslocation
{
width:100%;
border : dashed 1 black ;
}
DIV.customsinfo
{
FLOAT: left; WIDTH: 100%;
padding:10px;
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:14px;
border : solid 1 black ;
background-color:#4D4D4D;
}

TABLE.customsitems
{
font-family:arial, verdana, sans serif;
font-size: 12px;
line-height:18px;
spacing:0;
padding:0;
width:100%;
border : dashed 1 black ;
background-color:#4D4D4D;
}
TR.customsitems
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
line-height:18px;
height:18px;
color: #000000;
}
TR.customsitems-removed 
{
text-decoration: line-through ;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
line-height:18px;
height:18px;
color: #000000;
 }

/* Use following if customsitems field has altrows="true"
TR.customsitemseven
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
color: #000000;
}
TR.customsitemsodd
{
text-decoration:none;
background-color: #FFFFEE;
border: solid 1 #4D4D4D;
color: #000000;
}
*/





.refreshwrap.termsandconditions span {
  float: none;
}

.refreshwrap.termsandconditions h3 {
  margin-top: 32px;
}

.refreshwrap.termsandconditions .cardcontent > ol > li:first-of-type > h3 {
  margin-top: 0;
}

.refreshwrap.termsandconditions ol {
  counter-reset: item;
  border-collapse: collapse;
}

.refreshwrap.termsandconditions li {
  display: table-row;
  float: none;
  border-bottom: 12px solid transparent;
  border-top: 12px solid transparent;
}

.refreshwrap.termsandconditions li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  display: table-cell;
  padding-right: 8px;
}

.refreshwrap.termsandconditions .cardcontent > ol > li:before {
  font-weight: bold;
  font-size: 1.17em;
  content: counter(item)'.';
  padding-right: 0px;
}

.refreshwrap.termsandconditions.cookiepolicy table {
  border: 1px solid black;
  border-collapse: collapse;
  margin-top: 24px;
  float: left;
}

.refreshwrap.termsandconditions.cookiepolicy table th, .refreshwrap.termsandconditions.cookiepolicy table td {
  border: 1px solid black;
  padding: 6px;
}

.refreshwrap.termsandconditions.cookiepolicy table th {
  font-size: 0.8rem;
  text-align: left;
}

.refreshwrap.termsandconditions.cookiepolicy table > tbody > tr > td:first-of-type {
  font-weight: bold;
}

.refreshwrap.termsandconditions a, .refreshwrap.privacypolicy a {
  color: #fb9101;
}

/* Gartner Barcelona Message */

.barcelona-wrap {
  margin-top: 48px;
  width: 90%;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.barcelona-image {
  grid-column: 1/2;
  background-image: url(../templates/include/images/49194142__m.jpg);
  background-size: cover;
  background-position: center;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.barcelona-content {
  grid-column: 2/3;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  padding: 24px;
}

.barcelona-content > span {
  font-size: 1.6rem;
  margin-bottom: 16px;
  width: 100%;
}

.barcelona-content > span:nth-of-type(2) {
  margin-bottom: 36px;
}

.barcelona-content > a {
  font-size: 1.2rem;
  padding: 16px;
  background-color: #2196f3;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  margin-top: 16px;
}

.barcelona-content > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.barcelona-content > p {
  margin-top: 0px;
  font-size: 1.1rem;
  font-weight: 400;
}

.barcelona-content > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  margin-bottom: 16px;
}

.barcelona-content > div > span {
  margin-bottom: 16px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.barcelona-content > div > span::before {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #000;
  display: block;
  content: "";
  margin-right: 12px;
  flex: 0 0 6px;
}

div.container {
    width: 1092px;
    margin: auto;
    text-align: center;
    padding: 19px 0;
}

/* ================ Cookie Banner ==================== */

  .cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #4D4D4D;
    color: #fff;
    z-index: 9999;
    border-top: 3px solid #fff;
  }

  .cookie-banner-inner {
    padding: 16px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  .cookie-banner-inner > span {
    width: 75%;
    margin-bottom: 0;
  }

  .cookie-banner-inner > span > a {
    color: #fff;
    text-decoration: underline;
  }
  .cookie-banner-inner > span > a:hover {
    color: #c8c8c8;
  }

  .cookie-banner-inner .cookie-button {
    padding: 8px 16px;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
  }

  .cookie-banner-inner .cookie-button:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }

  .cookie-banner-inner .cookie-button#cookie-accept {
    background-color: green; 
  }

  .cookie-banner-inner .cookie-button#cookie-reject {
    background-color: red; 
  }

  .edit-cookies {
    display: none;
    position: fixed;
    bottom: 34px;
    left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #fff;
    border: 3px solid #fb9101;
    border-left: 0;
    padding: 8px 16px;
    z-index: 9999;
    color: #fb9101;
    font-weight: 600;
    line-height: 35px;
    cursor: pointer;
  }

  .edit-cookies:hover {
    color: #ffffff;
    background-color: #fb9101;
    border: 3px solid #fff;
    border-left: 0;
  }

  .cookie-banner > .container {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
  }

  .cookie-banner-inner > span, .cookie-banner-inner > span > a {
    font-size: 1rem;
    line-height: 1.3;
  }




/* Disabled Account Template */

.refreshwrap, .refreshwrap * {
  box-sizing: border-box;
}

.refreshwrap {
  float: left;
  width: 100%;
  padding-right: 32px;
  display: flex;
  flex-flow: row wrap;
}

.col-xs-12 {
  float: left;
  width: 100%;
}


.refreshwrap .col-xs-12 {
  margin-bottom: 32px;
}

.refreshwrap .refreshcard {
  float: left;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  position: relative;
  display: flex;
  flex-flow: column wrap;
}

.refreshwrap .refreshcard > h1 {
  float: left;
  width: 100%;
  padding: 16px;
  margin: 0;
  color: #fff;
  background-color: #fb9101;
  font-size: 20px;
  letter-spacing: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.refreshwrap .refreshcard > h3 {
  float: left;
  width: 100%;
  padding: 16px;
  margin: 0;
  color: #fff;
  background-color: #fb9101;
  font-size: 18px;
  letter-spacing: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}

.cardcontent {
  float: left;
  width: 100%;
  padding: 16px;
}

.cardcontent > p {
  margin-top: 0px;
}

.cardcontent p:last-of-type {
  margin: 0px;
}

.cardcontent > a {
  float: left;
  margin-top: 16px;
  color: #fb9101;
}

.cardcontent > p > a {
  color: #fb9101;
}

.cardcontent > a:hover,
.cardcontent > a:focus,
.cardcontent > a:active {
  color: #F57C00;
}

form > table.loginbox > tbody > tr:last-of-type > td {
    color: red;
}







.homecard {
  float: left;
  padding: 16px 32px;
  font-family: 'Work Sans', sans-serif;
  background-color: #ffffff;
  border-left: 6px solid #FB9101;
  text-align: left;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  width: 400px;
  margin: 10px 0 0 10px;
  box-sizing: border-box;
}

.homecard > h1 {
  font-weight: 300;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 34px;
}

.homecard > h1:last-of-type {
  margin-bottom: 16px;
}

.homecard > span {
  float: left;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
}

.homecard > a {
  margin-top: 24px;
  float: left;
  padding: 8px 16px;
  background-color: red;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.homecard > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}




/* ================ BEGIN: Supplier Home - Marketing ==================== */



.marketing-wrap {
    min-width: 768px;
    font-family: 'Work Sans', sans-serif;
    float: left;
    width: 100%;
    margin: 29px 0;
    padding-right: 36px;
    box-sizing: border-box;
    max-width: 1150px;
}

.marketing-inner {
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 2px;
}

.marketing-inner .marketing-left img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.marketing-inner .marketing-right {
    padding: 50px;
}

.marketing-inner .marketing-right .marketing-content {
    display: flex;
    align-content: space-between;
    flex-direction: column;
    height: 100%;
}

.marketing-inner .marketing-right .title h1 {
    margin-top: 0;
    font-size: 2rem;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.2;
    color: #000;
}

.marketing-inner .marketing-right .marketing-content {
    line-height: 1.5;
}

.marketing-inner .marketing-right .marketing-content .btn {
    margin-bottom: 0;
    margin-top: auto;
}

.marketing-inner .marketing-right .marketing-content .btn a {
    background-color: #00aae0;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 20px;
    margin: 50px 0 0;
    line-height: auto;
    height: auto;
    border-radius: 4px;
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
}

/* ================ END: Supplier Home - Marketing ==================== */