BODY
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff url(../images/sub_bg.gif) repeat-x left top;
}
BODY#home
{
	background:#ffffff url(../images/home_bg.gif) repeat-x left top;
}
BODY#internalHome
{
	background:#ffffff url(../images/home_bg.gif) repeat-x left top;
}
A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #4747CE;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}

A:hover
{
    COLOR: #0000FF;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
h1{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: #510077;
    FONT-FAMILY: Arial, Verdana
}

.titlecase
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11pt;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
TD
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.bodytext
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana
}
.Headline
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 16pt;
    COLOR: #510077;
    FONT-FAMILY: Arial, Verdana
}
.sidelink
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 10pt;
    COLOR: #510077;
    FONT-FAMILY: Arial, Verdana
}
.pagetitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #8e2ebe;
    FONT-FAMILY: Arial, Verdana
}
.heading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #510077;
    FONT-FAMILY: Arial, Verdana
}
.smalltext
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #4747CE;
    FONT-FAMILY: Arial, Verdana
}
A.textlink
{
    FONT-SIZE: 11pt;
    COLOR: #0038D7;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
.Grayside
{
    FONT-SIZE: 8pt;
    COLOR: #5a5866;
    FONT-FAMILY: Arial, Verdana
}
P
{
    TEXT-ALIGN: justify
}
P.center
{
    TEXT-ALIGN: center
}
P.left
{
    TEXT-ALIGN: left
}
.welcome
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11pt;
    COLOR: #5a5866;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana
}
.HeadDefaultLine
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 16pt;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana
}
.relatedlinks
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11pt;
    COLOR: #510077;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline
}
.header
{
    FONT-SIZE: 12pt;
    COLOR: #196983;
    FONT-FAMILY: Arial, Verdana
}
.HeadLineSolutions
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 16pt;
    COLOR: #510077;
    PADDING-TOP: 40px;
    FONT-FAMILY: Arial, Verdana
}
.tableborder
{
    BORDER-RIGHT: #510077 1px dotted;
    BORDER-TOP: #510077 1px dotted;
    BORDER-LEFT: #510077 1px dotted;
    BORDER-BOTTOM: #510077 1px dotted;
    BACKGROUND-COLOR: #f9f9f9
}

/* HOMEPAGE - EDI Quote Link */
p.quote-link a {
font-size:11pt;
}

/*  New Website Navigation CSS - Added on 11.09.2009 ------------------------------------------------------------- */

/* Navigation */
#nav {height:26px;	background: transparent url(../images/bgnd-navbar.jpg) no-repeat;}
#nav ul {display:block;list-style:none;margin:0 0 0 10px; padding:0;height:26px;font:bold 13px/26px Arial, Helvetica, sans-serif;}
#nav ul li {float:left;}
#nav ul li a {display:block; outline:none;text-decoration:none;color:#fff; margin-left:3px; padding-left:8px;background: transparent url(../images/nav-tabs-left.gif) no-repeat left 0px;}
#nav ul li a span {display:block; padding-right:8px;background:transparent url(../images/nav-tabs-right.gif) no-repeat right 0px;}
#nav ul li a:hover{color:#4b4b4b; background-position:left -40px;}
#nav ul li a:hover span {background-position:right -40px;}

/* Navigation - Display Active Tabs */
body#home li#hm a,
body#about li#abt a,
body#suppliers li#edisup a,
body#partners li#prt a,
body#learning li#lrn a,
body#support li#sup a,
body#company li#co a,
body#contact li#cont a
{color:#4b4b4b; background-position:left -40px;}
body#home li#hm a span,
body#about li#abt a span,
body#suppliers li#edisup a span,
body#partners li#prt a span,
body#learning li#lrn a span,
body#support li#sup a span,
body#company li#co a span,
body#contact li#cont a span
{background-position:right -40px;}

/* Sub Navigation */
#subnav {height:25px;background: url(../images/subnav-bgnd.gif) repeat-x left bottom;}
#subnav ul { clear:left; list-style:none; margin:0; padding:0; font:11px/25px Arial, Helvetica, sans-serif;}
#subnav ul li { float:left;}
#subnav ul li a {color:#4b4b4b; padding:2px 10px 2px 12px; text-decoration:none; background: url(../images/subnav-divider.gif) no-repeat top left;}
#subnav ul li a:hover { color:#212121; text-decoration:underline;}
#subnav li.first a { background:none;}

/* SubNavigation - Display Active SubNav */
#subnav ul { display:none;}
body#home #subnav ul.hm,
body#about #subnav ul.abt,
body#suppliers #subnav ul.edisup,
body#partners #subnav ul.prt,
body#learning #subnav ul.lrn,
body#support #subnav ul.sup,
body#company #subnav ul.co,
body#contact #subnav ul.cont 
{display:block;}

/* SubNavigation - Positioning Active SubNav */
body#home #subnav ul.hm {margin-left:10px;}
body#about #subnav ul.abt {margin-left:12px;}
body#suppliers #subnav ul.edisup {margin-left:33px;}
body#partners #subnav ul.prt {margin-left:175px;}
body#learning #subnav ul.lrn {margin-left:270px;}
body#support #subnav ul.sup {margin-left:350px;}
body#company #subnav ul.co {margin-left:420px;}
body#contact #subnav ul.cont {margin-left:515px;}



.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #999;border-right:1px solid #999;}
.b1,.b1b{margin:0 5px;background:#999;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{background:#F7F8F9;}


#callTracking {
	width: 780px;
	height: 95px;
	background: url(../images/covalentworks-EDI-solutions2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
#callTracking .call {
	font-size: 16px;
	float: right;
	padding: 50px 35px 0 0;
}



/*******************************************************************************************************************/
p.moreMargin{
	margin:14px 0px;
}

#quoteForm{
	margin-top:20px;
}
	#quoteForm label{
		display:block;
		color:#333333;
	}
	#quoteForm input, #quoteForm select{
		margin-bottom:10px;
		width:250px;
		padding:5px;
		font-size:12pt;
		color:#666666;
	}
	#quoteForm select{
		width:175px;
	}
		#quoteForm input[type="submit"]{
			display:block;
			width:75px;
			color:#000000;
		}	
#home-link { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 255px; 
		height: 80px; 
		background-color: transparent; 
		border: 0px solid yellow; }	
	
	
ul#priceQuotes{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-bottom:20px;
	overflow:hidden;
	width:780px;
}
	#priceQuotes li{
		float:left;
		margin-right:20px;
	}
	#priceQuotes li a{
		background:url(../images/pdfIcon.jpg) no-repeat left center;
		width:12px;
		height:14px;
		padding-left:22px;
	}
	
	
	
	
	
	
	
	
	
/******************************************************************************************************************************	
NEW HOME PAGE LAYOUT
Author(s): Steven Wilson (steven@topspotims.com)
Created: November 22, 2011
*******************************************************************************************************************************/

body#newHome{
	background:url("../testing/images/header-bg.png") repeat-x scroll left top #FFFFFF;
	margin:0;
	text-align:center;
}
.resetList{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
	#newWrapper{
		margin:0 auto;
		width:960px;
		text-align:left;
	}
		#newWrapper #nav ul li#hm a{
			background-position:left -40px;
			color:#4b4b4b;
		}
		#newWrapper #nav ul li#hm a span{
			background-position:right -40px;
		}
		
		#bannerWrapper{
			background:url(../testing/images/banner-bottom-shadow.png) no-repeat center bottom;
			height:309px;
			margin-top:40px;
			overflow:hidden;
		}
			#homeBanner{
				list-style-type:none;
				margin:0px;
				padding:0px;
			}
				
				#homeBanner li p{
					background:url(../testing/images/banner-text-box.png) no-repeat center bottom;
					width:613px;
					height:69px;
					position:absolute;
					color:#ffffff;
					font:bold 22pt Helvetica Neue, Arial;
					text-align:center;
					padding:5px;
					top:110px;
					text-shadow: 0px 0px 4px #222222;
					left:0;
				}
					#homeBanner p.lineHeight{
						line-height:70px;
					}
					#homeBanner p span{
						color:#f2caff;
					}
				#homeBanner li img{
					border:solid 1px #a3a3a3;
				}
				#homeBanner li a.bannerBtn{
					background:url(../testing/images/banner-btn.png) no-repeat left top;
					width:192px;
					height:39px;
					display:block;
					position:absolute;
					top:235px;
					color:#6f008e;
					text-decoration:none;
					font-size:16pt;
					text-align:center;
					line-height:36px;
					left:192px;
				}
					#homeBanner li a.bannerBtn:hover{
						background-position:left bottom;
						color:#ffffff;
					}
				#homeBanner li a.smallText{
					font-size:14pt;
				}
		#homeContent{
			overflow:hidden;
			margin-bottom:15px;
		}
			#homeLeftColumn, #homeRightColumn{
				float:left;
			}
			#homeLeftColumn{
				width:658px;
				margin-right:35px;
			}
				#homeLeftColumn h1{
					font:bold 16pt Helvetica Neue;
					color:#555555;
					margin:5px 0px;
				}
					#homeLeftColumn h1 span{
						font-weight:normal;
					}
				#homeLeftColumn p, div.revealMore ul li, div.revealMore p, div.revealMore ol li{
					font:normal 10pt Arial, Helvetica, sans-serif;
					color:#555555;
					margin:8px 0px;
				}
				#homeLeftColumn p{
					line-height:20px;
				}
					#homeLeftColumn a{
						color:#690088;
						text-decoration:none;
					}
				a.readMore:hover{
					cursor:pointer;
					text-decoration:underline;
				}
				div.revealMore{
					display:none;
					margin-bottom:15px;
				}
					div.revealMore h2{
						font-size:12pt;
						color:#555555;
					}
				
			#homeRightColumn{
				width:265px;
			}
				#demoBtn, #quoteBtn{
					display:block;
					width:265px;
					height:46px;
					color:#ffffff;
					text-transform:uppercase;
					text-decoration:none;
					font-weight:bold;
					font:bold 14pt Helvetica Neue;
					margin-bottom:5px;
					text-align:center;
					line-height:43px;
				}
				#demoBtn{
					background:url(../testing/images/edi-demo-btn.png) no-repeat left top;
				}
				#quoteBtn{
					background:url(../testing/images/instant-quote-btn.png) no-repeat left top;
				}
					#demoBtn:hover, #quoteBtn:hover{
						background-position:left bottom;
					}
		#homeBuckets{
			background:url(../testing/images/frame-bottom-shadow.png) no-repeat center bottom;
			clear:both;
			position:relative;
			height:287px;
			
		}
			#homeBuckets ul{
				overflow:hidden;
				border:solid 1px #a3a3a3;
			}
				#homeBuckets ul li{
					width:221px;
					border-bottom:solid 1px #a3a3a3;
					border-right:solid 1px #a3a3a3;
				}
					#homeBuckets ul li.last{
						border-bottom:none;
					}
					#homeBuckets ul li a{
						display:block;
						position:relative;
						text-decoration:none;
						padding:8px;
						background-color:#ffffff;
						color:#555555;
						border:solid 1px #ffffff;
						z-index:1;
						
					}
						/*#homeBuckets ul li span.active{
							background:url(../testing/images/rightArrow.png) no-repeat right center;
							position:absolute;
							width:8px;
							height:17px;
							z-index:500;
							left:220px;
							top:17px;
							display:block;
						}
							#homeBuckets ul li span{
								display:none;
							}*/
						#homeBuckets ul li a.active{
							background-color:#292929;
							color:#ffffff;
						}
						#homeBuckets ul li a:hover{
							background-color:#292929;
							color:#ffffff;
						}
					#homeBuckets ul li div{
						background:url(../testing/images/bucket-bg.png) repeat-x left top;
						position:absolute;
						right:1px;
						top:1px;
						width:704px;
						padding:10px 15px;
						height:242px;
						display:none;
						border:solid 1px #ffffff;
					}
						#homeBuckets ul li div.active{
							display:block;
						}
						#homeBuckets ul li div p{
							color:#555555;
							font-size:10pt;
							margin:8px 0px;
						}
							#homeBuckets ul li div p a{
								background:none;
								color:blue;
								display:inline;
								padding:0px;
								position:inherit;
								text-decoration:none;
								border:none;
								font-weight:bold;
							}
								#homeBuckets ul li div p a:hover{
									background:none;
									text-decoration:underline;
									color:blue;
								}
			#busLogos{
				margin-bottom:20px;
			}
				#busLogos h3, #busLogos h3 a{
					color:#292929;
					font-size:10pt;
					margin:8px 0px;
					text-decoration:none;
				}
					#logo_slider{
						width:957px;
						border-top:solid 1px #cccccc;
						border-bottom:solid 1px #cccccc;
						padding:20px 0px;
						overflow:hidden;
						position:relative;
					}
						#logo_slider .scrollWrapper{
							height:60px;
							overflow:hidden;
							position:relative;
							width:100%;
						}
							.scrollableArea img{
								float:left;
								padding:0px 30px;
								border:none;
							}
			#homeFooter{
				overflow:hidden;
				clear:both;
				margin-bottom:10px;
			}
				#footerLinks, #testimonials{
					float:left;
				}
				#footerLinks{
					width:525px;
					margin-right:55px;
					margin-top:25px;
				}
					#footerLinks a, #footerLinks span{
						font-size:8pt;
					}
				#testimonials{
					background-color:#343434;
					width:365px;
					padding:5px;
					font-size:10pt;
					font-weight:bold;
					font-family:Arial;
					height:160px;
				}
					#testimonials a{
						cursor:pointer;
						color:#ffffff;
						text-decoration:none;
						clear:both;
						position:relative;
						top:135px;
						text-align:right;
						display:block;
						margin-right:10px;
					}
						#testimonials a:hover{
							text-decoration:underline;
						}
					#testimonials p{
						text-align:center;
						color:#ffffff;
						margin:8px 0px;
					}
						#testimonials p span{
							font-weight:normal;
						}