/* CSS Document */
body {
background-color: #cdc199;
background-image: url(siteimages/gradientbg.jpg);
background-repeat: repeat-x;
width:100%;
margin:0px;
text-align:center
}


.toplink {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#000000; text-align:center;}
.toplink A:link {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#000000; text-align:center;}
.toplink A:visited {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#000000; text-align:center;}
.toplink A:active {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#000000; text-align:center;}
.toplink A:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold; color:#1b4298; text-align:center;background-color:#cdc199;text-decoration: none;}

.footer {font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#006699; margin-bottom: 0px; line-height: 11px}
.page {
background:#FFFFFF;
width: 1000px;
margin:0px auto;
line-height: 130%;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-right:3px solid #666666;
border-bottom:3px solid #666666;
text-align:left;
}
li {list-style-position: inside}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; color:#1b4298; text-align:left;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:666666; text-align:left; margin-bottom:0px; font-style:italic}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000000; text-align:left; }
h4 {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000; text-align:left; }
h5 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; text-align:left; }

h1.whitehead {font-family:Arial, Helvetica, sans-serif; font-size:33px; font-weight:bold; color:#FFFFFF; text-align:center; margin-bottom: 0px; line-height: 35px}
h1.blue {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; font-style:italic; color:#1b4298; text-align:left; margin-bottom: 0px; line-height: 22px}
h1.blue3 {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; font-style:italic; color:#1b4298; text-align:left; margin-bottom: 0px; line-height: 25px}

h1.bigblue {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#1b4298; text-align:center;}
h1.bigbluel {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#1b4298; text-align:left;}
h3.prods {font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000000; margin-bottom: 0px; line-height: 11px}
h3.left {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000000; text-align:left; margin-bottom: 0px; line-height: 18px}
h2.blue2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; color:#1b4298; text-align:left; margin-bottom: 0px; line-height: 22px}
h1.home {font-family:Arial, Helvetica, sans-serif; font-size:60px; letter-spacing:-5px; font-weight:bold; color:#006699; text-align:center; }
h1.homegray {font-family:Arial, Helvetica, sans-serif, sans-serif; font-size:60px; font-weight:bold; color:#666666; text-align:center; }
h3.blue4 {font-family:Arial, Helvetica, sans-seriff; font-size:20px; font-weight:bold; font-style:normal; color:#1b4298; text-align:left; margin-bottom: 0px; line-height: 22px}

.footerlink {font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#1b4298; margin-bottom: 0px; text-decoration: none}
.footerlink A:link {font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#1b4298; margin-bottom: 0px; text-decoration: none}
.footerlink A:visited {font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#1b4298; margin-bottom: 0px; text-decoration: none}
.footerlink A:active {font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#1b4298; margin-bottom: 0px; text-decoration: none}
.footerlink A:hover {font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#000000; margin-bottom: 0px; text-decoration: none}

.textlink {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black; text-align:left;}
.textlink A:link {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#1b4298}
.textlink A:visited {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#1b4298}
.textlink A:active {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#1b4298}
.textlink A:hover {font-size:12px; font-weight:bold; color:#666666; text-decoration: none}

.newslink {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black; font-weight:bold; text-align:left;}
.newslink A:link {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#1b4298}
.newslink A:visited {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#1b4298}
.newslink A:active {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#1b4298}
.newslink A:hover {font-size:12px; font-weight:bold; color:#666666; text-decoration: none}

.textlink2 {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:14px; color:#1b4298}
.textlink2 A:link {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:14px; color:#1b4298}
.textlink2 A:visited {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:14px; color:#1b4298}
.textlink2 A:active {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:14px; color:#1b4298}
.textlink2 A:hover {font-size:14px; font-weight:bold; color:#0097d8; text-decoration: none}

.smalllink2 {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:9px; color:#1b4298}
.smallLink2 A:link {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:9px; color:#1b4298}
.smalllink2 A:visited {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:9px; color:#1b4298}
.smalllink2 A:active {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:9px; color:#1b4298}
.smalllink2 A:hover {font-size:9px; font-weight:bold; color:#0097d8; text-decoration: none}

.biglink {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:18px; color:#1b4298}
.biglink A:link {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:18px; color:#1b4298}
.biglink A:visited {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:18px; color:#1b4298}
.biglink A:active {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:18px; color:#1b4298}
.biglink A:hover {font-size:18px; font-weight:bold; color:#0097d8; text-decoration: none}

li.black {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000; text-align:left;}

.maintext {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:black; text-align:left;}
.maintext2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:black; text-align:left; line-height: 1.2;}
.maintext3 {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:black; line-height: 1.2;}
.maintextc {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black; text-align:center}
.boldtextr {font-family:arial, helvetica; font-size:12px; font-weight:bold; color:black; text-align:right;}
.boldmain {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:black;}
.boldtext {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:black; text-align:left;}
.redbold {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#CC0000; text-align:right;}
.bluebold {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#1b4298; text-align:right;}

.categories {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:black; text-align:left;}

.smalltextc {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:black; text-align:center}
.smalltextr {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:black; text-align:right}
.smalltextl {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:black; text-align:left;}

.smalltextlink {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:black; text-align:left;}
.smalltextlink A:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#1b4298; text-align:left;text-decoration: none;font-weight:bold;}
.smalltextlink A:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#1b4298; text-align:left;text-decoration: none;font-weight:bold;}
.smalltextlink A:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#1b4298; text-align:left;text-decoration: none;font-weight:bold;}
.smalltextlink A:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:black; text-align:left;text-decoration: none;font-weight:bold;}

.titlesmalltextl {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1b4298; text-align:left;font-weight:bold;}
.titlesmalltextl A:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1b4298; text-align:left;font-weight:bold;text-decoration: none;}
.titlesmalltextl A:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1b4298; text-align:left;font-weight:bold;text-decoration: none;}
.titlesmalltextl A:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1b4298; text-align:left;font-weight:bold;text-decoration: none;}
.titlesmalltextl A:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:left;font-weight:bold;text-decoration: none;}

.tinytextl {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:black; text-align:left}

.headlinel {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:black; text-align:left;}
.subheadlinel {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:black; text-align:left;}

.over {font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; cursor: pointer; color: #FFFFFF; text-decoration:none; background: #999999}
.out {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#006699;}


div.menuBar,
div.menuBar a.menuButton,div.menu,
div.menu a.menuItem {
  background-color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold;
color:#000000;
line-height: 16px;
text-decoration: none;
}

a.menuItem {
  background-color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold;
color:#FFFFFF;
/*border-bottom:1px solid black;
border-right:1px solid black;
line-height: 16px;*/
}

div.menuBar {
  background-color: #FFFFFF;
  border:0px solid black;
  text-align: left;
  text-decoration: none;
}

div.menuBar a.menuButton {
  /*background-color: transparent;*/
  border: 1px solid #FFFFFF;
  color: #000000;
  cursor: pointer;
  left: 0px;
  margin: 0px;
  padding: 5px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 10;
 
}

div.menuBar a.menuButton:hover{
background-color: #cdc199;
  color:#1b4298;
  text-decoration: none;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
 /*background-color: #cdc199;*/
  color:#1b4298;
border-left:1px #000000 solid;
border-top:1px #000000 solid;

}

div.menu {
background-color: #FFFFFF;
/*border-bottom:2px solid #CCCCCC;
border-right:2px solid #CCCCCC;
border-left:1px solid black;
border-top:1px solid black;*/
border-right:1px #000000 solid;
border-left:1px #000000 solid;
border-bottom:1px #000000 solid;
text-align: left;
left: 0px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 11;
}

div.menu a.menuItem {
  color:#000000;
  display: block;
  padding: 5px 6px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItemLong {
  color:#000000;
  display: inline;
  padding: 2px 6px;
  text-decoration: none;
  white-space: nowrap;
 /* border-left: 1px #000000 solid;
  border-bottom: 1px #000000 solid;*/
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #cdc199;
  color:#1b4298;
}

div.menu a.menuItemLong:hover, div.menu a.menuItemHighlight {
  background-color: #cdc199;
  color:#1b4298;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
  padding-right:3px;
  border-right:none;
}

div.menu div.menuItem {
  /*border: 1px inset #e0e0e0;
  margin: 4px 2px;*/
}

#headimg {display:none;}

@media print
{
#noprint { display:none;}
#headimg {display:block;}
#rfq {display:none;}
#headtable {background:none}
#srch {display:none}
#newstable {float:none}
#printform {float:none}
body {top:0;left:0;margin:0;padding:5;background-color:#FFFFFF}
.page {
background:#FFFFFF;
width: 100%;
margin: 0px;
line-height: 130%;
border:none
}
#menutable {display:none}
}

#tabs{
	margin-left: 4px;
	padding: 0;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 5px;
}
#tabs ul{
	font: bold 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
}
#tabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	text-transform:uppercase;
}
#tabs a{
	float:left;
	background:#cdc199 url(siteimages/tabs_left.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
}
#tabs a span{
	float:left;
	display:block;
	background: transparent url(siteimages/tabs_right.gif) no-repeat right top;
	padding:4px 9px 2px 6px;
}
#tabs a span{float:none;}
#tabs a:hover{background-color: #C6C4C9;color: #1b4298;}
#tabs a:hover span{background-color: #C6C4C9;color:#1b4298}
#tabHeaderActive span, #tabHeaderActive a { background-color: #1b4298; color:#FFFFFF;}
.tabContent {
	border:none;
	padding-top:2px;
	background:none;
}
.swfuploadbtn {
	display: block;
	width: 100px;
	height:18px;
	padding: 0 0 0 20px;
}

.browsebtn { background: url(../siteimages/add.png) no-repeat 0 0px }
.uploadbtn { 
	display: none;
	background: url(../siteimages/accept.png) no-repeat 0 4px; 
}

.cancelbtn { 
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	background: url(../siteimages/cancel.png) no-repeat; 
}

#cancelqueuebtn {
	display: block;
	display: none;
	background: url(../siteimages/cancel.png) no-repeat 0 4px;
	margin: 10px 0;
}

#SWFUploadFileListingFiles ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.SWFUploadFileItem {

	display: block;
	width: 230px;
	height: 70px;
	float: left;
	background: #eaefea;
	margin: 0 10px 10px 0;
	padding: 5px;

}

.fileUploading { background: #fee727; }
.uploadCompleted { background: #d2fa7c; }
.uploadCancelled { background: #f77c7c; }

.uploadCompleted .cancelbtn, .uploadCancelled .cancelbtn {
	display: none;
}

span.progressBar {
	width: 200px;
	display: block;
	font-size: 10px;
	height: 4px;
	margin-top: 2px;
	margin-bottom: 10px;
	background-color: #CCC;
}
		
div.cart-active {
  background-color: #FFF4D8;
}

div.wastebin-active {
  background-color: #FFF4D8;
  border:1px solid #E8A400;
}

fieldset.flash
{
	width: 375px;
	margin: 10px 0px 10px 0px;
	border-color: #D9E4FF;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}
.red /* Error */
{
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.green /* Current */ 
{
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.blue /* Complete */
{
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}
.menuOut {cursor:pointer; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#000000; text-align:center;}
.menuOut A:link {cursor:pointer; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#000000; text-align:center;}
.menuOut A:visited {cursor:pointer; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#000000; text-align:center;}
.menuOut A:active {cursor:pointer; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#000000; text-align:center;}
.menuOut A:hover{cursor:pointer; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size:12px; color:#000000; text-align:center;}
.menuOver {cursor:pointer; background-color:#cdc199; color:#FFFFFF; padding:0px;font-family:helvetica, arial; text-decoration: none; font-weight:bold; font-size:12px; text-align:left;}
.menuOver A:link {cursor:pointer; background-color:#cdc199; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold; color:#1b4298; text-align:center;background-color:#cdc199;text-decoration: none;}
.menuOver A:hover {cursor:pointer; background-color:#cdc199; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold; color:#1b4298; text-align:center;background-color:#cdc199;
text-decoration: none;}

.homeGallery{width:110px;height:90px;display:inline;overflow:hidden;text-align:center;float:left}
.homeGalleryBox{padding: 50px 10px 10px; display: block;}

.homePGCell {background-image:url(siteimages/photo.jpg);background-repeat:no-repeat; width:250px;height:275px;padding:0px;}
.homeVCell {background-image:url(siteimages/video.jpg);background-repeat:no-repeat; width:250px;height:275px;padding:0px;}
.homeNCell {background-image:url(siteimages/news.jpg);background-repeat:no-repeat; width:250px;height:275px;padding:0px;}