/* CSS Document */

/**************** menu coding *****************/
#menu {
	width: 12em;
	background-color: #0033CC;}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0px;}
#menu a, #menu h2 {
	font: bold 13px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px;
	border-color: #FFFFFF;} 
#menu h2 {
	color: #fff;
	background: #000;
	text-transform: uppercase;}
#menu a {
	color: #66ccff;
	text-decoration: none;
	background-color: #0033CC;
	padding: 5px;
		/*text-transform: lowercase;*/	
}
#menu a:hover {
	color: #0033CC;
	background-color: #FFFFFF;
}
#menu li {
position: relative;
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
#vtop td{vertical-align:top}
/*-----------------------------------------------------*/
.ctr td{text-align:center}
.gray {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3F4B61}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	line-height: 32px;
}
.headingwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bolder;
	line-height: 50px;
	color: #FFFFFF;	
}
.margin{margin:20px;
}
.margin2{margin:20px;
margin-top:0px;
}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.pagename {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	margin-left: 70px;
	height: 25px;
}
.pb10{padding-bottom:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.radius{	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.shadow{
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
	box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}
.size10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.size12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	float: left;	
}
.size12bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	font-weight: bold;
}
.size12white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.size14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
.subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}
.subheadingwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;	
}
.yellow16 {	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;color: #FFFF00;	}
.yellow20 {	font-family: Arial, Helvetica, sans-serif;	font-size: 20px;color: #FFFF00;	}
.mainwindow{
	width: 56%
}	
.floatleft {
	float: left;
}
.spacer1 {
	height: 40px;
	width: 182px;
}

/*set CSS for SPAN tag surrounding each image*/
.seqslidestyle{
margin-right: 15px;
}

/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

.slideshowContainer {
	border: 2px solid #0033cc;
	width: 550px;
	height: 400px;
	margin: 5px;
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 2px solid white;
	padding: 5px;	
}

a:hover.slideshowThumbnail img {
	border: 2px solid #0033cc;
	padding: 4px;
	
}

.current img {
	border: 2px solid red;
	padding: 5px;
	
}

.outline {
	border: 2px solid #0033cc;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	width: 130px;
	float: left;
}

/*************************************************************/

/* CSS Document */
 /* 100% height layout with header and footer */

html,body { margin:0;	padding:0;	height:100%; /* needed for container min-height */ background-color:#FFFFFF;	font-family:arial,sans-serif;	font-size:small;	color:#000;}
a{cursor:pointer}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1024px;
	background:#DEF0FC;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:92%; /* real browsers */
	}

/*div#header {	padding:0;	background:#e5e5e5;position:relative; z-index:1 }	
*/div#content {	padding:0 0 20px 0/* bottom padding for footer */}
div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#DEF0FC;
	border-top:0;
	border-bottom:0;
	}

/****************ID coding *****************/
#bdr0{border:none}
#p0 {padding:0 0 0 0}
#up-menu {top: -138px}
#up-menu a {line-height:24px}
#vmid td{ vertical-align:middle; }
#vtop td{ vertical-align:top}		
/*styles*******************************
/*dark blue hover*/a.filepath:hover, a.redu:hover, a.blueu:hover, a.blueu12:hover {color:#0099CC}
.bg {background-image:url(images/form-bg.jpg)}
.black {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #000000;	text-align: left;	font-weight: normal;}
.blackb {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #000000;	text-align: left;font-weight: bold;}
.blackb14 {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;font-weight: bold;	color: #000000;}	
.blackbc {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;	text-align: center;	font-weight: bold;}	
.blackc {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #000000;	text-align: center;	font-weight:normal;}
a.black :hover, a.blackb :hover, a.blackbc :hover, a.blackc :hover {color: #0099CC}
.blue {	font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color:#000099;}
.blue19 {font-family: Arial, Helvetica, sans-serif;	font-size: 19px;font-weight: bold;color:#000099;text-align: left;}
a.blueborder{border: 2px solid #000099;float:left; cursor:pointer;}
a.blueborder:hover { border-color: #0099CC;}
a.blueborder:hover .overlay01{z-index:3;border:2px solid #0099CC;}
a.blueborder img { display: block; border:0;}
.bluec {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color:#000099;text-align: center;}
.blue a:hover, .bluec a:hover .blueu a:hover {color:#0099CC}	
.bluelink {	font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #161594;font-weight: bold;}
.blueu12 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color:#000099;text-decoration: underline;}
.blueu {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color:#000099;text-decoration: underline;}
.border {border-color:#000099;border-style:solid;border-width: 1px;}
.caption {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;}
.captionc {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #000000; text-align:center}
.ctr{text-align:center;}
.cursor{cursor: pointer;}
.font11{font-size:11px}
.font16{font-size:16px}
.font-reg{font-weight:normal}
.formbg {background-image:url(images/contact/form-bg.jpg)}
.gb{background-color:#d3d3d3}
.greyborder{border:1px solid #999999; border-collapse:collapse;}.greyborder-l{border:1px solid #999999; border-collapse:collapse; border-left:none}
.h35 {height:35px;}
.h40 {height:40px;}
.highlight{background-color:#FFFF00}
.hotlinks {position:relative; z-index:2; margin:-10px 0 3px 2px; width:100%}
.hover:hover{color:#181797; border-width:1px}
.hover img:hover {border-color:#181797; border:solid; border-width:1px;}
.ctrd { display: block;  margin-left: auto;    margin-right: auto }/*centered image*/
.ind10{text-indent:10px}
.ind30{text-indent:30px}
.lightblue 	{color:#B4F1FE; text-decoration:underline; font-weight:bold;}
.line12 {line-height:12px;}	
.line15 {line-height:15px;}
.line18 {line-height:18px;}
.line20 {line-height:20px;}
.line22 {line-height:22px;}
.line24 {line-height:24px;}
.line28 {line-height:28px;}
.mb10		{margin-bottom:10px}
.m1020		{float:left; margin:10px 0 0 20px}
.m1030		{float:left; margin:10px 0 0 30px}
.ml-3		{margin-left:-3px;}
.ml-2		{margin-left:-2px;}
.ml5		{margin-left:5px;}
.ml10		{margin-left:10px;}/*Margin Left*/
.ml22		{margin-left:22px;}
.ml28		{margin-left:28px;}
.ml50		{margin-left:50px;}
.ml100		{margin-left:100px;}
.mt-6		{margin-top:-6px}
.mt-5		{margin-top:-5px}
.mt-4		{margin-top:-4px}
.mt-2		{margin-top:-2px}
.mt-1		{margin-top:-1px}
.mt1		{margin-top:1px}
.mt2		{margin-top:2px}
.mt5 		{margin-top:5px;}/*Margin Top*/
.mt10 		{margin-top:10px;}
.mt20 		{margin-top:20px;}
.mtl-1		{margin:-1px 0 0 -1px}
.mtl-3		{margin:-3px 0 0 -3px}
.mtl10		{margin:10px 0 0 10px}

.menu 	{width:149px;float:left;height:180px;background-color:#e5e5e5;padding:0 0 0 0;position:relative;z-index:4;}
.pageh	{text-align:center; color: #000099; font-size:24px; font-weight:bold  }
.pageh1 {color:#000099; font-size:19px; font-weight:bold }
.pageh2	{font-family: Arial, Helvetica, sans-serif;font-size: 16px;
		font-weight: bold;	color:#000099; line-height:20px;}
.pageh3	{text-align:center;	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;color:#000099;}
/*Padding*/
.pa5 {padding:5px}/*pad - all*/
.pa10 {padding:10px}/*pad - all*/
.pa20 {padding:20px}/*pad - all*/
.pb2 {padding-bottom:2px}/*pad bottom*/
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}
/*left pad*/
.pl4	{padding-left:4px;} 
.pl5	{padding-left:5px;}.pl5 td{padding-left:5px;}
.pl8   	{padding-left:8px;} 
.pl10	{padding-left:10px;}
.pl13	{padding-left:13px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}
.pl25	{padding-left:25px;}
.pl30	{padding-left:30px;}
.pl50	{padding-left:50px;}
.plb10  {padding:0 0 10px 10px}
.plr10	{padding:0 10px 0 10px;}
.plr20	{padding:0 20px 0 20px;}
.plr50	{padding:0 50px 0 50px;}
.pr5	{padding-right:5px}/*right pad*/
.pr10	{padding-right:10px}
.pr20	{padding-right:20px}
.pr50	{padding-right:50px}
.pt4	{padding-top:4px;}/*top pad*/
.pt-5	{padding-top:-5px;}
.pt5	{padding-top:5px;}
.pt8 	{padding-top:8px;}
.pt10	{padding-top:10px;}.pt10-c td{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt16	{padding-top:16px;}
.pt18	{padding-top:18px;}
.pt20	{padding-top:20px;}
.pt25 	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt50 	{padding-top:50px;}
.ptb2	{padding:2px 0 2px 0}/*top & bottom pad*/	
.ptb5	{padding:5px 0 5px 0}
.ptb10	{padding:10px 0 10px 0}
.ptb20	{padding:20px 0 20px 0}
.ptl5	{padding:5px 0 0 5px}/*top & left pad*/	
.ptl10	{padding:10px 0 0 10px}/*top & left pad*/		
.ptl15	{padding:15px 0 0 15px}		
.ptl20	{padding:20px 0 0 20px}		
.ptr10	{padding:10px 10px 0 0}/*top & right pad*/
.ptr20	{padding:20px 20px 0 0}/*top & right pad*/
.pt10bl20{padding:10px 0 20px 20px}	/*top bottom & right pad*/
.ptbl10{padding:10px 0 10px 10px}
.posrelz1{position:relative; z-index:1;}
.radius{	-moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;}
.radimg{	-moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;}
.red 	{font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	font-weight: bold;	color: #9e311d;	text-align: left;	text-decoration:none;}
.red a	{text-decoration:underline;}
.red10 	{font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #9e311d;	text-align: left;	text-decoration:none; font-weight:bold}
.red10c {font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #9e311d;	font-weight:bold; text-align:center;}
.red10c a{color:#9e311d;text-decoration:none;}
.red10c a:hover {color:#181797}
.red12 	{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #9e311d;	text-align: left;	text-decoration:none;}
.redc16 	{font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	font-weight: bold;	color: #9e311d;	text-align: center;}
.redlinks{width:980px;margin:5px 0 6px -2px}
.redu 	{font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	font-weight: bold;	color: #9e311d;	text-align: center; text-decoration:underline}
.search {font-family:Arial, Helvetica, sans-serif;	border-color:#1a75ce; float:left; width:400px; margin-left:28px;	position:relative;	z-index:1;	margin:10px 0 0 695px;}

.shadow{
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
	box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}
	
.smallblack {font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #000000;}
.smallblackc {font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #000000;	text-align:center;}
.smallblack a, .smallblackc a, .bluec a, filepath a{color:#1a75ce}
.smallblack a:hover, .smallblackc a:hover, .bluec a:hover, .filepath a:hover, .redu a:hover{color:#181797}
.specborder{border-collapse:collapse;}
.specborder td,.specborder th{border:1px solid #999999; border-collapse:collapse;}
.th th	{text-align:left; vertical-align:top}/*Left align bold for specifications*/
img.thumb{ border:0; cursor:pointer;}
.txtl{text-align:left;}
.vm{vertical-align:middle}
.w30 	{width:30px;}
.w150 	{width:150px;}
.whiteb {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #FFFFFF;	text-align: left;	font-weight: bold;	line-height:20px;}
.whitebc {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #FFFFFF;	text-align: center;	font-weight: bold;	line-height:20px;}
a.whitebc: {font-size: 12px;color:#ffffff; text-align:center;}a.whitebc:table{font-size: 12px;color:#ffffff; text-align:center;}
a.whitebc :visited {color:#ffffff}
a.whitebc :hover{color:#181797}
.whiteb16 {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #FFFFFF;	font-weight: bold;	line-height:20px;}
.whiteb16c {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #FFFFFF;	font-weight: bold;	line-height:20px; text-align:center}
.whitebox {	background-color:#FFFFFF;	border-color:#000000;	border-width:1px;	border-style:solid;}
.wp {line-height:10px; color:#FFFFFF}/*White Pipe for top quicklinks*/
/*Products*/
.r1size table{height:283px; width:182px; margin-left:25px}.r1size img{width:136px; padding:0}
.r2size table{height:283px; width:251px; margin-left:25px}.r2size img{width:136px}
.r3size table{height:283px; width:251px; margin-left:25px}.r3size img{width:136px}
.bgbox {background-image:url(images/Product/form-bg.jpg); border-color: #999 #000 #000 #999; border-width:1px;border-style:solid; font-weight:bold; text-align:center; padding-top:8px;} 
.redc14 {font-size: 14px;color:#9e311d; text-align:center;}
.redc14:a {font-size: 14px;color:#9e311d; text-align:center;}
a.redc14:visited{font-size: 14px;color:#9e311d}
a.redc14:hover{color:#181797}
.redc16 {font-size: 16px;color:#9e311d; text-align:center; font-weight:bold}
.btn {color:#ffffff; font-family:Arial, Helvetica, sans-serif;
background-image:url(images/menu-button.gif);
  font-weight:bold;
  border: 1px solid;
  border-color: #ccc #666 #666 #ccc;
  width:150px; 
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#4f9ae3',EndColorStr='#194fb8');}
.btnhov{color:#ffffff; background-image:url(images/menu-hover.gif);
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#6275C6',EndColorStr='#13157C');  
  border-color: #999 #000 #000 #999;}