@charset "UTF-8"; 
/* TABLE OF CONTENTS

  Site-wide declarations
  Buttons
  Links
  Rules
  Images
  Boxes
  Tables
  Typography
  Lists
  Positions 
  Div Tables
*/

/*=====     Site wide declarations     =====*/
  Body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal
	font-size: 10px; /*later adjusted in the Typography section*/
	font-style: normal;
	color: #000000;
	padding: 5px;
}
table {
	border: 0;
}
Links {  
	font-weight: bold; 
	font-variant: small-caps;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
td,th {
	border: none;
}

/*=====     Buttons     =====*/
.rolloverbtn a {
	vertical-align: middle;
	background-image: url(../images/searchcompany.gif);
	border: thin solid #FFCC66;
}
.rolloverbtn2 a {
	width: auto;
	vertical-align: bottom;
}
.rolloverbtn, .rolloverbtn2 a:hover {
	color: #FFFFFF;
	background-color: #996600;
	border: thin solid #996600;
}
.rolloverbtn, .rolloverbtn2 a {
	text-decoration: none;
	background-color: #FFCC66;
	background-repeat: no-repeat;
	background-position: center center;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
a.button {
	border: solid 1px rgb(0,0,0);
	color: #000;
	font-weight: bold;
	border-radius: 6px;
	text-decoration: none;
	background-color: #FFCC66;
}



/*=====     Links */

a {
 	color: #996600;
}





/*=====     Rules     =====*/
hr.half {
	width: 60%;
	background-color: #ffa500;
	height: 3px;
	margin: 5px 0px;
}
.indent {
	margin-left: 50px;
}
.chunk {
	display:inline-block;
}
.rule30 {
	height:4px;
	margin-right: 30px;
	margin-left: 30px;
	background-color: #FFCC66;
	border: none;
}




/*=====     Images     =====*/
img.left {
	float: left;
	margin: 10px;
}
img.right {
	float: right;
	margin: 10px;
}
img.shadow {
	box-shadow: 10px 10px 10px #aaaaaa;
	margin: 0px 15px 15px 0px;
}
img.center {
	display: block;
	margin-left:auto;
	margin-right:auto;
	padding-top: 30px;
}

/*=====     Boxes     =====*/
.lastupdatebox {
	border: 10px solid #FFCC66;
	background-color: #FFEBC2;
	padding: 20px 30px 30px 30px;
	width: 50%;
	text-align: left;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.centerbox {
	border: 2px solid;
	background-color: #FFFFCC;
	width: 75%;
	text-align: center;
	padding: 25px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.noborderbox {
	border: 0 solid;
	width: 75%;
	text-align: left;
	padding: 25px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.emphasisboxcenter {
	border: 2px solid;
	background-color: #FFFFCC;
	width: 75%;
	text-align: center;
	padding: 25px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.emphasisbox {
	border: 2px solid;
	background-color: #FFFFCC;
	width: 75%;
	text-align: center;
	padding: 5px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.emphasisboxleft {
	border: 2px solid;
	background-color: #FFFFCC;
	width: 75%;
	text-align: left;
	padding: 25px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: normal;
}
.extramenubox {
	border: 2px solid;
	background-color: #FFFFCC;
	max-width: 250px;
	padding: 6px;
	margin: 0px 20px 15px 0px;
	float: left;
	text-align: left;
}
.extramenubox p {
	margin: 0;
	font-size: small;
}
.border-std {
	border-style: solid;
	border-color: #FFCC66;
	padding: 20px;
}
.border-search {
	max-width:500px;
	border-style: solid;
	border-color: #FFCC66;
	padding: 5px 20px 10px 20px;
	margin-left:auto;
	margin-right:auto;
}

.border-error {
	max-width:500px;
	border-style: solid;
	border-color: #FF0000;
	padding: 5px 20px 10px 20px;
	margin-left:auto;
	margin-right:auto;
}


.yellow-gradient {
	background-image: linear-gradient(#FFFF99, #FFFF33);
}
#content input {
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}





/*=====     Tables     =====*/
.indextable {
	 width:90%
	 border: 0;
	 align: left;
}
.centerTable { 
	margin: 0px auto; 
}
.indextable:td {
	 valign: top;	
}
.country td {
	border: 1px solid black;	
	bgcolor: #FFFFFF;
	cellspacing: 1px;
	background-color: #FFFFCC;
}
.country th {
	border: 1px solid black;
	background-color: #FFCC66;
}
table {
	width: 100%;
	border-collapse: collapse;
}
.general td {
	border: 1px solid black;	
	background-color: #FFCC66;
	padding:1px;
}
#shipping {
	width: 80%;
	border-collapse: collapse;
	margin: 0px auto;
}
#shipping td {
	border: 1px solid black;	
	bgcolor: #FFFFFF;
	cellspacing: 1px;
	background-color: #FFFFCC;
	font-weight: normal;
    text-align: right; 
	height: 30px;
	padding: 4px;
}
#shipping th {
	font-weight: bold;
	border: 1px solid black;
	background-color: #FFCC66;
    text-align: right; 
	height: 30px;
	padding: 4px;
}

/* Zebra striping */
/* Responsive table design from
https://css-tricks.com/responsive-data-tables/  
This is used to add headers to rows once table
switches to small-screen design 
See dealers.asp for example of how to use. */


/*=====     Typography     =====*/
.titles {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18pt; 
	font-style: italic; 
	font-weight: bold;
}
.larger {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16pt; 
	font-weight: bold;	
}
Body {  
	font-size: 12px;
}
Links {  
	font-size: 10px; 
}
.normal-mid {
	font-size: 10px;
}
.data-mid {
	font-size: 9px;
}
.Normal-small {  
	font-size: 8px;
	vertical-align: text-top;
}
.newsletter-title {
	font-size: 36px; 
	font-weight: bold;
}
.newsletter-heads {  
	font-style: italic; 
	font-weight: bold;
	font-size: 18px; 
}
.captions {  
	font-size: 90%;
}
.newsletter-heads {  
}
.top-links {
	font-size: 10px;
}
a.button {
	font-size: 12px;
	padding: 4px 12px;
}
.rolloverbtn a {
	font-size: 12pt;
	height: 22px;
	width: 233px;
}
.rolloverbtn2 a {
	font-size: 10px;
	height: 16px;
}
p.supersize {
	line-height: 10px;
	font-size: 400%;
	font-style: italic;
	font-weight: bold;
	}
.header {
	width-max: 960px;
}
.sc {
	font-variant: small-caps;
	font-align: center;
	font-weight: bold;
}
.tight {
	line-height:.7;
}
p.error {
	color:#FF0000;

}
.notice {
	color:#990000;
	font-weight:900;
}



/*=====     Lists     =====*/
ul {
	list-style-image: url("bullet1.GIF");
}
li {
	line-height: 125%;
}




/*=====    Positions     =====*/
.left {
	margin-right: 66px;
}
.tcenter {
	text-align: center;
}
.tleft {
	text-align: left;
}
.tright {
	text-align: right;
}
div.center90 {
	width: 90%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
div.center {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* Div Table (mimics <table<)
Use these divs for faking an HTML table and allowing it to be responsive
Make initial conversion using:
https://html-cleaner.com/ 
*/
.DivTable {
  	display: table;
  	width: 100%;
}

/* Div Table Rows (mimics <tr>)
Color the body rows of the div table
*/
.DivTableRow {
  	display: table-row;
  	background-color: #FFFFCC;
}

/* Div Table Cells (mimics <td>) 
Align left, right and center
   With cell borders
*/
.DivTableCell, .DivTableHead {
  	display: table-cell;
	vertical-align: top;
  	padding: 3px 10px;
  	border: 1px solid #999999;
}
.DivTableCellR, .DivTableHeadR {
  	display: table-cell;
	vertical-align: top;
  	padding: 3px 10px;
  	border: 1px solid #999999;
	text-align: right;
}
.DivTableCellC, .DivTableHeadC {
  	display: table-cell;
	vertical-align: top;
  	padding: 3px 10px;
  	border: 1px solid #999999;
	text-align: center;
}

/* Align left, right and center
   Without cell borders
*/
.DivTableCell0, .DivTableHead {
  	display: table-cell;
	vertical-align: top;
  	padding: 3px 10px;
}
.DivTableCell0R, .DivTableHeadR {
  	display: table-cell;
	vertical-align: top;
  	padding: 3px 10px;
	text-align: right;
}
.DivTableCell0C, .DivTableHeadC {
  	display: table-cell;
	vertical-align: top;
  	padding: 3px 10px;
	text-align: center;
}

/*
Div Table Head (mimics <th>)
Bold the text and color the head
*/
.DivTableHead, .DivTableHeadR, .DivTableHeadC {
  	background-color: #FFCC66;
  	font-weight: bold;
}

/*
Div Table Heading (vs table head)
*/
.DivTableHeading {
  	display: table-header-group;
  	font-weight: bold;
}
.DivTableFoot {
  	display: table-footer-group;
  	font-weight: bold;
}
.DivTableBody {
  	display: table-row-group;
	vertical-align: top;
}

/*
Div Table Borders
*/
.BorderThinBlack{
	border: 1px solid black;
}
.BorderThickBlack{
	border: 4px solid black;
}
.BorderThickStd{
	border: 4px solid #FFCC66;
}


.AutoWidth {
	width: auto;
}

/* ===== Alignment =====*/


/*Test area*/