body {
	background-image:url(jp_grid.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

p {
	line-height:20px;
	margin:20px 0;
}

ul {
	
	font-size:12px;
	text-align:justify;
	list-style-position:inside;
}

li {
	padding-left:50px;
	padding-right:50px;
	font-size:12px;
	text-align:justify;
	
}

p {
	padding-left:50px;
	padding-right:50px;
	font-size:12px;
	text-align:justify;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#711300;
	padding-top:10px;
	padding-left:50px;
	padding-right:50px;
	font-weight:bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#711300;
	padding: 0 50px;
	font-weight:bold;
}

a {
	color:#711300;
	text-decoration:underline;
}

a:hover {
	color:#6d0000;
	text-decoration:overline underline;
}

.cb {
	clear:both;
}

.cl {
	clear:left;
}

.ftr {
	color:#333333;
	font-size:10px;
}

.brdsLR {
	border-color:#FFFFFF;
	border-top:0px;
	border-bottom:0px;
	border-left:1px;
	border-right:1px;
	border-style:solid;
}

.imgr {
	border:1px;
	border-color:#541401;
}

.maintxt {
	font-size:12px;
	text-align:justify;
}

.listr {
	padding:0;
	margin-left:50px;
	margin-right:50px;
	font-size:12px;
	text-align:justify;
	list-style-position:inside;
}

.centerer {
	text-align:center;
}

.btnleftr50 {
	margin:0 0 20px 50px;
	float:left;
	clear:left;
}

.btnrightr50 {
	float:right;
	margin-left:50px;
}

.jpbuttonsm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:100px;
	text-align:center;
	background-color:#350401;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #170300;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:15px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5f0702;
}
.jpbuttonsm:hover {
	background-color:#5f0702;
	color:#ffffff;
	text-decoration:underline !important;
}

.jpbuttonsm:active {
	position:relative;
	top:1px;
}

.jpbuttonbg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:292px;
	text-align:center;
	background-color:#350401;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #170300;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:15px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5f0702;
}
.jpbuttonbg:hover {
	background-color:#5f0702;
	color:#ffffff;
	text-decoration:underline !important;
}

.jpbuttonbg:active {
	position:relative;
	top:1px;
}

.main-menu {
	overflow: hidden;
}

.main-menu ul {
	/*left: 50%;*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

.main-menu li {
	display: inline-block;
	/*float: left;*/
	overflow: hidden;
	padding: 0 12px 5px 25px;
	/*padding-left: 40px;*/
	position: relative;
	/*right: 50%;*/
}

.main-menu li:first-child {
	padding-left: 0;
}

.main-menu a {
	color: #ffe8e7;
	display: block;
	font: bold 14px Arial, Helvetica Neue, Helvetica, sans-serif;
	height: 25px;
	position: relative;
	text-decoration: none;
	text-shadow: 2px 2px 2px black, -2px 2px 2px black, 2px -2px 2px black, -2px -2px 2px black;
}

.main-menu a:hover,
.main-menu a:focus {
	color: #f4c3c0;
	text-shadow: 2px 2px 0px black, -2px 2px 0px black, 2px -2px 0px black, -2px -2px 0px black, 4px 4px 4px #be8d8a, -4px 4px 4px #be8d8a, 4px -4px 4px #be8d8a, -4px -4px 4px #be8d8a;
}

.main-menu a span {
	display: inline-block;
	height: 20px;
	position: relative;
	top: 5px;
}

.main-menu a:hover span {
	top: 2px;
}

.main-menu li::before {
	color: #e0afab;
	content: '|';
	display: block;
	left: -20px;
	padding: 0 20px;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	top: 2px;
}

.main-menu li:first-child::before {
	display: none;
}

/* CSS for Suppliers page */
article * {
	box-sizing: border-box;
}

article {
	counter-reset: section;
	padding: 0 50px;
	text-align: justify;
}

section {
	counter-increment: section;
}

article h4 {
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
}

section h4:before {
	content: counter(section) '.0 ';
	padding-right: 14px;
}

article ol,
article ul {
	margin: 0;
	padding: 0;
}

article ol {
	list-style-type: none;
	counter-reset: item;
}

article ul {
	list-style-type: disc;
	margin-left: 40px;
}

article li {
	padding-left: 0;
	padding-right: 0;
}

article ol > li {
	display: table;
	margin-bottom: 0.6em;
}

article ol > li {
	counter-increment: item;
}

article ol > li:before,
article ul > li:before {
	display: table-cell;
	padding-right: 20px;    
}

article ol > li:before {
	content: counter(section) "." counters(item, ".");
}

article li ol > li,
article li ul > li {
	/*margin: 0;*/
	margin: 0.6em 0;
}

article li ul > li {
	list-style-position: outside;
}

article li ol > li:before {
	content: counter(section) "." counters(item, ".") " ";
}

article ol.letters {
	counter-reset: letters;
}

article ol.letters > li {
	counter-increment: letters;
}

article ol.letters > li::before {
	content: counter(letters, lower-alpha) ")";
}

.rev-history,
.rev-history th,
.rev-history td {
	border: 1px solid #000;
	border-collapse: collapse;
}

.rev-history th,
.rev-history td {
	padding: 5px;
}
/* END CSS for Suppliers page */