/* -- basic.css: This style sheet will be included by all browsers  */

/* ---------------------------------------- BODY ---------------------------------------- */
body, p, ol, ul, li, blockquote, h1, h2, h3, th, td{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.3em;
}
body {
	margin-bottom: 0;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: White;
}
a {
	color: #cc3333;  /* red */
	text-decoration : none;
}
a:hover {
	color: #000000; 
	text-decoration: underline;
}
h1{
	font-size:  14px;
	margin:  0 0 0 0px;
}
h2{
	font-size:  12px;
}
h1, h2, h3 { 
	font-weight: bold;
}
p.info  {
	margin : 10px 0 0 0;
	font-size: 9px;
	text-align: center;
	font-weight : bold !important;
}
p.small {
	font-size:  9px;
}
p.small a{
	font-size:  9px;
}
form {
	margin:  0;
	padding:  0;
}
ul, ol, blockquote{
	margin : 0 0 0 10;
}
ul {
	padding-top : 0px;
	list-style : disc inside;
}
font.accent,  font.accentbold, p.accentbold {
	color: #cc3333 !important;
}
font.accentbold, p.accentbold{
	font-weight:  bold !important;
}

/* ------------------------------------- CONTENT,  general ------------------------------ */
.printonly{
	display:  none;
}
.nospacing {
	margin: 0 0 0 0;
	padding:  0 0 0 0;
}
.topspacing {  /* for nav items, images, etc. */
	margin-top: 15px;
}
.rightspacing {  /* for images, etc. */
	margin: 0 1.5em 0 0;
}
.leftspacing {  /* for images, etc. */
	margin: 0 0 0 1.5em;
}
.floatright {  /* changed to float in advanced.css */
	text-align:  right;
}
.floatleft {  /* changed to float in advanced.css */
	text-align:  left;
}

/* Content / table formatting */
td, td.tableheader, td.tableheadersmall, td.small, td.tablespacer, .addressbox, .droptext, .droptextshort, .formtext, .logintext, .waybillbold, .waybillbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td, td.tableheader {
	font-size: 10px;
}
td {
	color: black; 
}
td.tableheader{
	background-color: #000000;
	color: white;
}
a.tableheader {
	text-decoration:  underline;
	color:  #ffffff;
}
a.tableheader:hover {
	color: #cc3333;  /* red */
}
td.small, td.tableheadersmall,  td.tablespacer, .waybillsmall{
	color: black; 
	font-size: 9px;
}
td.tableheadersmall {
	background-color: #000000;
	color: white;
}
.addressbox
{
	color: black;
	font-size: 9px;
	background-color : #F0F0F0;
	border : none;
	width:  100%;
}
.droptext, .droptextshort, .formtext, .logintext
{
	color: black;
	font-size: 9px;
}
.droptextshort
{
	width: 190px;
}
.formbg
{
	background-color : #F0F0F0;
}
.waybillbold
{
	font-weight:  bold;
}


/* ------------------------------------- CONTENT,  specific------------------------------ */
.navBox{
	margin: 0px 0px 0px 0px;
	background-color: #cccccc; 	/* light grey */
}
.navBottomCurve{  /* this is for netscape 6 and mac ie5 */
	vertical-align : text-bottom;
	height:  8px;
	background-color:  #cccccc;  /* light grey */
}
.navBoxHeader{
	background-color:  #999999;  /* medium grey */
	height:  25px; 
	width:  170px;
}
.navBoxCopy, .navBoxCopy p, .navBoxCopy table, .navBoxCopy td{
	font-size: 10px;			/* IE 4/5.x size value */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:  #ffffff;
	margin:  0px;
	padding:  0px;
}
.navBoxCopy{
	margin:  8px 0px 8px 8px;  /* need 0 right margin for ie 4 and 5 */
}
.navBoxCopy td{
	padding-top:  10px;
}
.navBoxCopy a{
	font-size: 11px;
	color: #ffffff;
}
.navBoxCopy a:hover{
	color: #cc3333;  /* red */
	text-decoration:  none;
}
.navBoxCopy p{
	width:  150px;
}
.navBoxCopy p.navLink{
	margin-bottom:  6px;
}
.navBoxCopy p.topNavLink{
	margin-top:  15px;
}
.navBoxCopy p.navLink a{
	font-size:  12px;
}
.navBoxCopy table{
	width:  150px;
}
/* For text boxes, the size attribute has to be set small for Netscape 4, which
   practically doubles their length.   NS will ignore the width in the stylesheet.
   IE will ignore the size and use the width below.  */
.navFormText{
	width: 75px;
	margin: 0;
	padding: 1px;
	font-size: 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	border : 1px solid Black;
	vertical-align : middle;
}
.navFormTextLong{
	width:  130px;
}
.navFormButton{
	font-size: 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* height: 19px; */
	margin-bottom: 10px;
	padding:  0 0 0 0;
}
.navFormButton:hover{
	color: #cc3333 !important;
}
.headline, .headlineWithSub{
	margin-bottom : 5px;
	margin-top : 0px;
	display:  block;
}
.headlineWithSub{
	margin-bottom:  0px;
}
.subHeadline{
	margin-bottom : 8px;
	margin-top : 0px;
	display:  block;
}
.contentFooter{
	text-align:  center;
	font-size: 9px;
}
.contentFooter hr{
	width: 40%;
	height: 1px;
	color : Black;
}
.quote{
	margin-bottom:  5px;
}
.customer{
	text-align: right;
	margin-right: 15px;
	font-style : italic;
}

