html, body {
height : 100%;
}
body {
background : #fff url('/../../images/bg_image.gif') no-repeat fixed center;
font-size : 13px;
font-family : Arial;
line-height : 16px;
overflow : auto;
}
.topline, .botline, .footer {
width : 100%;
background-image : url('/../../images/footer.gif');
text-align : center;
}
.topline {
height : 2px;
}
.botline {
height : 1px;
}
.footer {
height : 30px;
}
.page {
margin : 0 auto;
width : 950px;
}
.header_nav {
border : 0;
padding : 1px;
font-size : 12px;
line-height : 14px;
font-family : Arial;
height : 115px;
text-align : center;
vertical-align : middle;
}
/* The following are for the inline links below the Header navigation bar, between the two lines. */
.nav2, .nav3, .nav4, .nav5, .nav6 {
display: inline-block;
height: 14px;
padding: 0px;
font-size : 12px;
color : #8f2910;
line-height : 14px;
font-family : Arial;
font-weight : bold;
text-align : center;
}
.nav2 {
width: 49%; /* absolute values wont work!! */
}
.nav3 {
width: 33%;	 /* absolute values wont work!! */
}
.nav4 {
width: 24%;  /* absolute values wont work!! */
}
.nav5 {
width: 19%;  /* absolute values wont work!! */
}
.nav6 {
width: 16%;  /* absolute values wont work!! */
}
/* Main Pages layout, pgl is the left col, pgc is the dividing line and pgr the right col. */
.pgl {
	display: table-cell;
	width : 395px;
	padding: 5px;
	text-align : center;
	vertical-align : top;
}
.pgc {
	display: table-cell;
	width: 5px;
	background-color : #cccccc;
}
.pgr {
	display: table-cell;
	width : 540px;
	padding: 5px;
	text-align : left;
	vertical-align : top;
}
img.email {
vertical-align : text-bottom;
}
th {
font-size : 13px;
color : #8f2910;
line-height : 20px;
font-family : Arial;
}
td {
font-size : 13px;
color : #333333;
line-height : 16px;
font-family : Arial;
}

table.nav {
border : 0;
padding : 0;
width : 950px;
height : 10px;
font-size : 12px;
color : #8f2910;
line-height : 14px;
font-family : Arial;
font-weight : bold;
}
table.nav tr {
text-align : center;
vertical-align : middle;
height : 10px;
}
td.nav {
width : 315px;
text-align : center;
vertical-align : middle;
}
td.nav4 {
width : 235px;
text-align : center;
vertical-align : middle;
}
td.nav5 {
width : 190px;
text-align : center;
vertical-align : middle;
}
td.nav6 {
width : 20%;
text-align : center;
vertical-align : middle;
}
table.navindex {
background-color : #663333;
border : 0;
padding : 0;
width : 100%;
font-size : 12px;
color : #8f2910;
line-height : 14px;
font-family : Arial;
font-weight : bold;
}
table.main {
border : 0;
padding : 2px;
width : 950px;
}
table.main tr {
text-align : left;
}
td.main1 {
width : 395px;
text-align : center;
vertical-align : top;
}
td.main2 {
width : 2px;
background-color : #cccccc;
vertical-align : top;
}
td.main3 {
width : 540px;
text-align : left;
vertical-align : top;
}
td.sales1 {
width : 110px;
text-align : center;
vertical-align : top;
}
td.sales2 {
width : 600px;
text-align : justify;
vertical-align : top;
}
/* the following is because IE won't support display:grid */
.grid-container {
  display: inline-block;
  -ms-grid-rows: 230px;
  -ms-grid-columns: 520px 130px 90px 190px;
}
.grid-item {
  display: inline-block;
  padding: 2px;
/*  font-size: 10px;	
  text-align: justify;	*/
}
/* sales page grid for other than IE */
@supports (display:grid) {
.grid-container {
	display: grid;
	grid-template-columns: 520px 130px 90px 190px;
	padding: 1px;
}
.grid-item {
	padding: 2px;
}
.grid-shed {
	padding: 2px;
	vertical-align : top;
	grid-column: 1 / span 3;
	}
}
/* Sale Items, desc, pic, price, cart. */
.sdesc, .spic, .spri, .sbut {
padding: 5px;
} 
.sdesc {
vertical-align : top;
}
.spic {
vertical-align : middle;
text-align : center;
}
.spri {
vertical-align : middle;
margin: auto;
text-align : center;
font-family : Arial;
font-size : 16px;
color : #8f2910;
font-weight : bold;
line-height : 18px;

}
.sbut {
vertical-align : middle;
text-align : center;
font-family : Arial;
font-size : 12px;
font-style : normal;
font-weight : bold;
color : #8f2910;
}
table.swr {
width : 100%;
padding : 2px;
border : #fadbd3 solid 1px;
text-align : left;
}
table.swr tr {
vertical-align : top;
}
table.swr th, table.swr td {
padding : 2px;
border : #fadbd3 solid 1px;
}
table.kod {
margin: 0 auto;
width : 610px;
padding : 3px;
border : #fadbd3 solid 2px;
}
table.kods {
width : 950px;
padding : 1px;
border : #fadbd3 solid 1px;
}
table.kods th, table.kods td {
border : #fadbd3 solid 1px;
padding : 1px;
text-align : center;
}
table.rwkods {
width : 320px;
padding : 1px;
border : #fadbd3 solid 1px;
}
table.rwkods th, table.rwkods td {
border : #fadbd3 solid 1px;
padding : 1px;
text-align : left;
}
td.cen {
text-align : center;
}
p {
font-size : 13px;
color : #333333;
line-height : 16px;
font-family : Arial;
text-align : justify;
}
p.b {
font-weight : bold;
}
p.loco {
color : #8f2910;
}
p.cen {
text-align : center;
}
a:link, a:visited {
font-weight : normal;
color : #8F2910;
text-decoration : none;
}
a:hover, a:active {
font-weight : normal;
color : #8F2910;
text-decoration : underline;
}
a.nav {
height : 12px;
font-family : Arial;
font-size : 12px;
font-weight : bold;
color : #8f2910;
text-align : center;
vertical-align : middle;
}
a.bold {
height : 12px;
font-family : Arial;
font-size : 15px;
font-weight : bolder;
color : #fc0303;
}
h1 {
font-family : Arial;
font-size : 16px;
color : #8f2910;
text-align : justify;
font-weight : bold;
line-height : 18px;
}
h1.cen {
text-align : center;
}
h2 {
font-family : Arial;
font-size : 12px;
font-style : normal;
font-weight : bold;
color : #8f2910;
}
h3 {
font-family : Arial;
font-size : 18px;
font-style : italic;
color : #8f2910;
text-align : center;
font-weight : bold;
line-height : 22px;
}
div.cen {
text-align : center;
}