/* =INITIAL */

/* Neutralize styling:  */


body {
	font-size:62.5%;
	}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code	{
	font-size:1em;
	}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img	{
	border:none;
	}

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited {
	text-decoration:none;
	}

/* no list-markers by default, since lists are used more often for semantics */
ul,ol, dl {
	list-style:none;
	}	
	
dl,ul,ol,pre,form,body,html,p,blockquote,fieldset,input,h1,h2,h3,h4,h5,h6,li {
	margin:0;
	padding:0px;
	}
	
/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 0em;
	}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
	}
fieldset {
	border: none;
	}

/* Form field text-scaling */
input, select, textarea {
	font-size: inherit;
	font-family: inherit;
	padding:2px;
	}

/* de-italicize address */
address	{
	font-style:normal;
	}

	
	
/* Layout Setting
 ---------------------------------------------------------- */
body {
	background:#DCDDDE;
	font-family: Tahoma, Verdana, Courier, sans-serif;
	color:#666;
	text-align:center;
	}

img.email {
	position: relative; top:2px;
	}	
	
	
sup {
	font-size:50%;
	}

.clear {
	clear:both;
	}
	
.fake_list, ul.custom li {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	}
	
div.hr {
	border-bottom:1px solid #56595C;
	margin:1em 0 1em 0;
	clear:none;
	}
	
dl,ul,ol,pre,p,fieldset {
	margin-top:0.5em;
	margin-bottom:0.5em;
	}
	
h1,h2,h3,h4,h5,h6 {	
	margin-top:0.7em;
	margin-bottom:0.3em;
	}

li {
	margin-top:0.5em;
	margin-bottom:0.5em;
	}	
	
h1,h2,h3 {	
	font-weight:200;
	color:#333;
	}
	
h1 {font-size:2.1em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}

.shadow_up {
	clear:both;
	background:url(../images/shadow_up.jpg) #fff repeat-x;
	height:4px;
	font-size:1px;
	display:none;
	}
	
.shadow {
	font-size:1px;
	clear:both;
	background:url(../images/shadow.jpg) #fff repeat-x;
	height:4px;
	display:none;
	}

	
	
.quote {
	background:url(../images/quote.gif) no-repeat;
	padding:0 0 .5em 2.5em;
	}

.quote p {
font-style:italic;
}	
	
.quote p.author {
text-align:right;
font-style:normal;
}
	
#main_bg {
	background:repeat-y url(../images/main_bg.gif) top center;
	text-align:center;
	}	


	
#container {
	background:#fff;
	margin: 0 auto;
	text-align:left;
	width:900px;
	border-right:1px solid #A1A3A5;
	}
	
#header {
	background:#EDEEEE url(../images/homepage_header.jpg);
	border:1px solid #fff;
	border-bottom:none;
	height:99px;
	position:relative;
	}

#header #title h1 {
	font-size:1.2em; 
	font-weight:bold; 
	color:#fff;
	}

#header #login-button a {
	background:url(../images/login_button.gif) no-repeat;
	height:60px;
	position:absolute; right:0px; top:30px;
	text-indent:-9999px;
	width:148px;
	}
	
#header #banner {
	position:absolute; top:0; right:225px;
	width:439px;
	height:99px;
	overflow:hidden;
	}
	
#header #title {
	background:#B50101;
	border-left:1px dotted #fafafa;
	color:#fff;
	height:99px;
	line-height:79px;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	width:225px;
	background-color: #d02433;
	}
	
#dichannel #header #title {
	background:#f78f1e;
	}
	
	
#logo h1 {
	margin:0;
	padding:0;
	}
	
#logo a {
	background:url(../images/main_logo.gif) no-repeat;
	display:block;
	height:99px;
	position:relative; left:25px;
	text-indent:-9999px;
	width:225px;
	text-align:center;
	}
	
#lower-header {
	position:relative;
	z-index:100;
	}


	
#nav-wrapper {
	border:1px solid #fff;
	position:relative;
	width:898px;;
	}
	
#nav-wrapper table {
	font-size:1.1em;
	padding:0;
	margin:0;
	position:relative;
	height:31px;
	}
	
#nav {
	position:absolute; right:0px; top:0px;
	}
	
/*#header #login-button a:hover {
	background:url(../images/login_button_hover.gif) no-repeat;
	height:60px;
	position:absolute; right:30px; top:20px;
	text-indent:-9999px;
	width:148px;
	} */
	
#creative-area {
	height:168px;
	}
	
#buttons {
	float:left;
	width:234px;
	height:168px;
	border-left:1px solid #fff;
}	
	
#flash {
	width:665px;
	height:168px;
	float:right;
	position:relative;
	background:url(../images/girl_bg.jpg);
	}	

/* Trading partner area
---------------------------------------------------------- */	
	
div#trading-partners {
		padding:0;
		margin:0;
		padding-top:42px;
		}

div#trading-partners h1 a, div#trading-partners h1 a:visited {
	color:#56595C;
	}
	

	
/* Navigation Details  Styling
---------------------------------------------------------- */
#nav-wrapper {
	background:#56595c;
	color:#fafafa;
	font-size:1em;
	}
	
#nav-wrapper a {
	color:#fafafa;
	text-decoration:none;
	}
	
#nav-wrapper * {
	margin:0;
	padding:0;
	}
	
#nav li ul li {
	width:10em;
	}
	
/* ------------------------------------------------------*/	
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.1;
}

/* active color for Buyer Solutions  */
body#buyer_solutions a.buyer {background:#B50101;}											
			/* active color for DiGlobal */
			body#diglobal a.buyer, body#diglobal a.sub_menu:hover {background:#F78E1E;}	
			body#diglobal #header #title {	background:#F78E1E;}
			/* active color for DiEnablment */
			body#dienablement a.buyer, body#dienablement a.sub_menu:hover {background:#F26531;}			
			body#dienablement #header #title {	background:#F26531;}
			/* active color for DiTesting */
			body#ditesting a.buyer, body#ditesting a.sub_menu:hover {background:#B32317;}					
			body#ditesting #header #title {	background:#B32317;}
/* active color for Supplier Solutions  */
body#supplier_solutions a.supplier {background:#B50101;} 										
			/* active color for DiWeb */
			body#diweb a.supplier, body#diweb a.sub_menu:hover {background:#E51B24;}						
			body#diweb #header #title {	background:#E51B24;}
			/* active color for DiIntegrator */
			body#diintegrator a.supplier, body#diintegrator a.sub_menu:hover {background:#00A160;}			
			body#diintegrator #header #title {	background:#00A160;}
			/* active color for TMS Solution */
			body#TMS_Solution a.supplier, body#TMS_Solution a.sub_menu:hover {background:#E31B23;}			
			body#TMS_Solution #header #title {	background:#E31B23;}
			/* active color for DiQuickbooks */
			body#diquickbooks a.supplier, body#diquickbooks a.sub_menu:hover {background:#00A160;}			
			body#diquickbooks #header #title {	background:#d02434;}
			/* active color for DiFlatfile */
			body#diflatfile a.supplier, body#diflatfile a.sub_menu:hover {background:#02A0AF;}				
			body#diflatfile #header #title {	background:#02A0AF;}
			/* active color for DiLogistics */
			body#dilogistics a.supplier, body#dilogistics a.sub_menu:hover {background:#d02433;}			
			body#dilogistics #header #title {	background:#d02433;}
			/* active color for DiReport */
			body#direports a.supplier, body#direports a.sub_menu:hover {background:#827D00;}				
			body#direports #header #title {background:#827D00;}
			/* active color for DiAnalyst */
			body#dianalyst a.supplier, body#dianalyst a.sub_menu:hover {background:#00467F;}				
			body#dianalyst #header #title {	background:#00467F;}
			/* active color for DiReplenish */
			body#direplenish a.supplier, body#direplenish a.sub_menu:hover {background:#A54399;}			
			body#direplenish #header #title {background:#A54399;}
			/* active color for DiSync */
			body#disync a.supplier, body#disync a.sub_menu:hover {background:#E73E97;}						
			body#disync  #header #title {background:#E73E97;}
			/* active color for DiTransit */
			body#ditransit a.supplier, body#ditransit a.sub_menu:hover {background:#a2978a;}						
			body#ditransit  #header #title {background:#a2978a;}
			/* active color for SBT solution */
			body#sbt_solution a.supplier, body#sbt_solution a.sub_menu:hover {background:#E51B24;}	
			body#sbt_solution  #header #title {background:#E51B24;}
			/* active color for DiMetrics */
			body#dimetrics a.supplier, body#dimetrics a.sub_menu:hover {background:#004C3B;}						
			body#dimetrics #header #title {background:#004C3B;}
			/* active color for DiAccess */
			body#diaccess a.supplier, body#diaccess a.sub_menu:hover {background:#DBC500;}						
			body#diaccess #header #title {background:#DBC500;}
			/* active color for DiWMS */
			body#diverify a.supplier, body#diverify a.sub_menu:hover {background:#BE854C;}						
			body#diverify #header #title {background:#BE854C;}
			/* active color for DiWMS */
			body#diverify a.supplier, body#diverify a.sub_menu:hover {background:#d02433;}						
			body#diverify #header #title {background:#d02433;}
			
			
			/* active color for About DiCentral */
body#about a.about {background:#B50101;}														

/* active color for Partners */
body#partners a.partners {background:#B50101;}

/* active color for DIchannel */
body#dichannel a.partners, body#dichannel a.sub_menu:hover {background:#f78f1e;}

/* active color for News and Events */
body#news a.news {background:#B50101;}														

/* active color for Careers */
body#careers a.careers {background:#B50101;}														

/* active color for Support */
body#support a.support {background:#B50101;}	

/* active color for Contact */
body#contact a.contact {background:#B50101;}														

	
#nav a {		
	background:url(../images/menu_bg.jpg) repeat-x #7F8084;
	border-left:1px solid #fafafa;
	color:#fafafa;
	display: block;
	height:2.7em;
	padding-top:0.4em;
	text-align:center;
	text-decoration:none;
}

#nav li ul li a { /*second level links*/
	background:#DCDDDE;
	border:1px solid #fafafa;
	border-top:none;
	color:#56595C;
	height:1.5em;
	padding-top:0.5em;
	padding-left:0.3em;
	text-align:left;
	width:10em;
	}
	
#nav li ul li a:hover {
	color:#fafafa;
	background:#B50101;
	}
	

#nav li { /* all list items */
	float: left;
	width: 95px; /* width needed for Opera  */
}


#nav li ul { /* second-level */
	background:#DCDDDE;
	position: absolute;
	border:1px solid #000;
	border-top:1px solid #fafafa;
	width:10.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*testing for IE7 */
#nav li:hover, #nav li.hover {
    position: static;
}

/* Content Details  Styling
---------------------------------------------------------- */
#middle {
	font-size:1.1em;
	line-height:1.5;
	}
	
#middle a {
	color:#D50000;
	}
	
#middle a.hiddenlink {
color:#666666;
}		
	
#middle a:hover {
	text-decoration:underline;
	}

#container01, #container02, #container03, #container04, #container05, #container06 {
		margin:0 auto;
		overflow:auto;
		widht:100%;
		}		
		
#container01 { background-image:url(../images/middle.jpg); background-position:left top; background-repeat:repeat-y; border:none;}
/*#container02 { background-image:url(../images/middle.gif); background-position:right top; background-repeat:repeat-y;}	
#container03 { background-image:url(../images/top.gif); background-position:left top; background-repeat:no-repeat;}
#container04 { background-image:url(../images/top.gif); background-position:right top; background-repeat:no-repeat;}		
#container05 { background-image:url(../images/bottom.gif); background-position:left bottom; background-repeat:no-repeat;}
#container06 { background-image:url(../images/bottom.gif); background-position:right bottom; background-repeat:no-repeat;}	*/



		
#content {
		margin-left:255px;
		padding-bottom:20px;
		padding-top: 10px;
		width:630px;	/*to keep the content from slightly wrap to the left in IE*/
		}

div.bottom-space {
		height:30px;
		clear:both;
		font-size:1px;
		}
		
.info-block h3 {
		font-size:1.3em;
		color:#333;
		padding:0; margin:0;
		}

.info-block h4 {
		font-size:1em;
		font-weight:200;
		color:#333;
		}
		
#middle div.info-block a.inline-links , #middle div.info-block a.inline-links:hover , #middle div.info-block a.inline-links:visited {
		color:#666;
		text-decoration:underline;
		}
		
		
.info-block-left {
		border-right:1px dotted #AAACAD;
		width:295px;
		padding:0 15px;
		margin:0;
		float:left;
		}
		
.info-block-right {
		width:295px;
		padding:0 15px;
		margin:0;
		float:right;
		}		

.info-block-divider 	{
		height:10px;
		margin:0 auto;
		margin-bottom:10px;
		border-bottom:1px dotted #AAACAD;
		width:630px;
		}
		
.info-block-01 {
		border-right:1px dotted #AAACAD;
		width:285px;
		padding:0 15px;
		margin:0;
		float:left;
		}
		
.info-block-02 {
		width:285px;
		padding:0 15px;
		margin:0;
		float:right;
		}		
		
#left-side {
		float:left;
		width:235px;
		height:211px;
		}

/*#right-side {
		background:#E6E7E8;
		float:right;
		margin-top:5px;
		margin-bottom:5px;
		position:relative; right:5px;
		text-align:center;
		width:172px;
		}
	*/	
#right-side #industry {
		margin:0 auto;
		text-align:left;
		width:150px;
		}
		
#right-side ul li {
		padding-left: 15px;
		background-image: url(../images/red_dot.gif);
		background-repeat: no-repeat;
		background-position: 0 .5em;
		}
		
/* Footer Details  Styling
---------------------------------------------------------- */	
#footer {
		background:#7F8084 url(../images/footer_bg.gif) repeat-x;
		color:#fafafa;
		font-size:1em;
		line-height:1.4;
		padding: 10px 0 5px 0;
		text-align:center;
		clear:both;
		}
		
#footer p {
		padding:0;
		margin:0;
		}
		
#footer a {
		color:#fafafa;
		}

#footer a:hover {
		color:#fafafa;
		text-decoration:underline;
		}

.tbl-tittle {
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	color: #56595c;
	text-decoration: none;
	font-weight: bold;
	background-color:#E6E7E8;
}

.heading-trading {
	font-family: Arial;
	font-size: 14px;
	text-transform: none;
	color: #56595c;
	text-decoration: none;
	font-weight: bold;
	text-align:left;
}

/* FOR LEFT MENU
---------------------------------------------------------- */	
/*temporary*/
a#groopz_button {
	margin:0 auto;
	display:block;
	width:234px;
	height:43px;
	background:url(../images/groopz_button.gif) no-repeat;
	}
	
a#groopz_button span {display:none;}	
/*temporary*/

	
a#demo_button {
	margin:0 auto;
	display:block;
	width:234px;
	height:42px;
	background:url(../images/demo_button.gif) no-repeat;
	}
	
a#demo_button:hover {background:url(../images/demo_button_hover.gif) no-repeat;}
a#demo_button span {display:none;}	

a#openAcc_button {
	margin:0 auto;
	display:block;
	width:234px;
	height:42px;
	background:url(../images/open_account.gif) no-repeat;
	}
a#openAcc_button:hover {background:url(../images/open_account_hover.gif) no-repeat;}
a#openAcc_button span {display:none;}	

.fake_list {
	background:url(../images/red_dot.gif) no-repeat 0 0.5em;
	}
	
a#whitepaper_button {
	margin:0 auto;
	display:block;
	width:234px;
	height:42px;
	background:url(../images/whitepaper_button.gif) no-repeat;
	}
a#whitepaper_button:hover {background:url(../images/whitepaper_button_hover.gif) no-repeat;}
a#whitepaper_button span {display:none;}	
	
a#trade_button {
	margin:0 auto;
	display:block;
	width:234px;
	height:42px;
	background:url(../images/trading_button.gif) no-repeat;
	}
a#trade_button:hover {background:url(../images/trading_button_hover.gif) no-repeat;}
a#trade_button span {display:none;}

a#channel_button {
	margin:0 auto;
	display:block;
	width:235px;
	height:43px;
	background:url(../images/channel_button.gif) no-repeat;
	}
a#channel_button:hover {background:url(../images/channel_button_hover.gif) no-repeat;}
a#channel_button span {display:none;}

/* FOR IE7
---------------------------------------------------------- */	

#thisisIE #IE {
	height:10px; font-size:1px; clear:both;
	}
	
#thisisIE #notIE {
		display:none;
		}
	
#notIE {
	height:10px; font-size:1px; clear:both;
	}
	
/* FOR HOMEPAGE
---------------------------------------------------------- */	
	
#homepage #container {
	background:#fff;
	border-right:1px solid #A1A3A5;
	margin: 0 auto;
	text-align:left;
	width:900px;
	}	
	
#homepage #nav-wrapper {
	border:1px solid #fff;
	position:relative;
	width:898px;;
	}	
	
#homepage #content {
		margin-left:0px;
		padding-top: 0px;
		width:660px;
		float:right;
		}	
		
#homepage .shadow {
		font-size:1px;
	clear:both;
	background:url(../images/shadow.jpg) #fff repeat-x;
	height:4px;
	display:block;
	}	
	
	
/* FOR LIGHTBOX
---------------------------------------------------------- */		
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
/* -----------------------------
SUPPLIER PRODUCT SPECIFIC STYLES ---------------------*/
/* shared styles */
ul.custom ol li {
	background-image:none;
	padding-left:0;
	}

/* $edi_analyst.asp */
#dianalyst .fake_list, #dianalyst ul.custom li {background-image:url(../supplier_products/images/DIA_bullet.gif);}

/* $edi_access.asp */
#diaccess .fake_list, #diaccess ul.custom li {background-image:url(../supplier_products/images/DiAccess_bullet.gif);}

/* $edi_logistics.asp */
#dilogistics .fake_list, #dilogistics ul.custom li {background-image:url(../supplier_products/images/DIL_bullet.gif);}

/* $edi_metrics.asp */
#dimetrics .fake_list, #dimetrics ul.custom li {background-image:url(../supplier_products/images/DiMetrics_bullet.gif);}

/* $edi_redwing.asp */
#diredwing .fake_list, #diredwing ul.custom li {background-image:url(../supplier_products/images/DiAccess_bullet.gif);}

/* $edi_replenish.asp */
#direplenish .fake_list, #direplenish ul.custom li {background-image:url(../supplier_products/images/DIRpl_bullet.gif);}

/* $edi_report.asp */
#direports .fake_list, #direports ul.custom li {background-image:url(../supplier_products/images/DIRp_bullet.gif);}
#direports ul.custom li ol li {background-image:none;}

/* $edi_scannpack.asp */
#diwms .fake_list, #diwms ul.custom li {background-image:url(../supplier_products/images/WMS_bullet.gif);}

/* $edi_sync.asp */
#disync .fake_list, #disync ul.custom li {background-image:url(../supplier_products/images/DIS_bullet.gif);}

/* $edi_tms_solution.asp */
#TMS_Solution .fake_list, #TMS_Solution ul.custom li {background-image:url(../supplier_products/images/TMS_bullet.gif);}

/* $edi_transit.asp */
#ditransit #content ul.custom li {background-image:url(../supplier_products/images/DiTransit_bullet.gif);}	
	
/* $edi_verify.asp */
#diverify .fake_list, #diverify ul.custom li {background-image:url(../supplier_products/images/WMS_bullet.gif);}

/* $edi_wms.asp */
#diwms.fake_list, #diwms ul.custom li {background-image:url(../supplier_products/images/WMS_bullet.gif);}

/* $edi-diintegrator-accpac.asp */
#didiintegrator_accpac .fake_list, #didiintegrator_accpac ul.custom li {background-image:url(../supplier_products/images/DiI_Accpac_bullet.gif);}

/* $edi-diintegrator-peachtree.asp */
#dididiintegrator_peachtree .fake_list, #dididiintegrator_peachtree ul.custom li {background-image:url(../supplier_products/images/DiI_Accpac_bullet.gif);}

/* $sbt_solution.asp */
#sbt_solution .fake_list, #sbt_solution ul.custom li {background-image:url(../supplier_products/images/SBT_bullet.gif);}

/* $edi-microsoft.asp */
#di_microsoft .fake_list, #di_microsoft ul.custom li {background-image:url(images/DIW_bullet.gif);}

/* $edi-oracle.asp */
#di_oracle .fake_list, #di_oracle ul.custom li {background-image:url(images/DIW_bullet.gif);}

/* $edi-sap.asp */
#di_sap .fake_list, #di_sap ul.custom li {background-image:url(images/DIW_bullet.gif);}

/* $erp_solutions.asp */
#ERP_solutions #microsoft ul.custom li {background-image:url(../supplier_products/images/DIL_bullet.gif)}
#ERP_solutions #quickbook ul.custom li {background-image:url(../supplier_products/images/DIL_bullet.gif)}
#ERP_solutions #oracle ul.custom li {background-image:url(../supplier_products/images/DIL_bullet.gif)}
#ERP_solutions #redwing ul.custom li {background-image:url(../supplier_products/images/DIL_bullet.gif)}
#ERP_solutions #sap ul.custom li {background-image:url(../supplier_products/images/DIL_bullet.gif)}
#ERP_solutions #accpac_integrator li {background-image:url(../supplier_products/images/DiI_Accpac_bullet.gif)}

#supplier_solutions .float {
	float:left;
	width:35%;
	}
	
#supplier_solutions .float02 {
	float:left;
	width:60%;
	}
	
#ERP_solutions #quickbook,#ERP_solutions #redwing,#ERP_solutions #sap,#ERP_solutions #accpac_integrator,#ERP_solutions #microsoft,#ERP_solutions #oracle {overflow:auto; width:100%; margin-bottom:60px;} 




/* $edi_web.asp */
#diweb #content ul.custom li {background-image:url(../supplier_products/images/DIW_bullet.gif);}
#diweb span {
float:left;
width:260px;
padding-bottom:1em;
}

/* $edi_quickbooks.asp */
#diquickbooks #content ul.custom li {
	background-image:url(../supplier_products/images/DIW_bullet.gif);
	}

	
	
/* $edi_flatfile.asp */
#diflatfile #content .fake_list {	background-image:url(../supplier_products/images/DIF_bullet.gif);}
#diflatfile #content ul li {padding-left:15px; background:url(../supplier_products/images/DIF_bullet.gif) no-repeat 0 0.5em;}

/* $edi_integration.asp */
#diintegrator #content ul.custom li, #diintegrator #content .fake_list {
		background-image: url(../supplier_products/images/DII_bullet.gif);
		}
		
#diintegrator #content table th {
		background:#16A368;
		color:#fff;
		border-top:2px solid #fff;
		}
#diintegrator #content table td {
		text-align:center;
		}
#diintegrator #content table td.left_align {
		text-align:left;
		}
		
#diintegrator #content table tr.odd {
		background:#E6E7E8;
		}
		

/* $edi_products.asp */
#supplier_solutions #web ul.custom li {background-image:url(../supplier_products/images/DIW_bullet.gif)}
#supplier_solutions #integrator ul.custom li {background-image:url(../supplier_products/images/DII_bullet.gif)}
#supplier_solutions #quickbook ul.custom li {background-image:url(../supplier_products/images/DIQ_bullet.gif)}
#supplier_solutions #flatfile ul.custom li {background-image:url(../supplier_products/images/DIF_bullet.gif)}
#supplier_solutions #access ul.custom li {background-image:url(../supplier_products/images/DiAccess_bullet.gif)}
#supplier_solutions #logistic ul.custom li {background-image:url(../supplier_products/images/DIL_bullet.gif)}
#supplier_solutions #metrics ul.custom li {background-image:url(../supplier_products/images/DiMetrics_bullet.gif)}
#supplier_solutions #analyst ul.custom li {background-image:url(../supplier_products/images/DIA_bullet.gif)}
#supplier_solutions #replenish ul.custom li {background-image:url(../supplier_products/images/DIRpl_bullet.gif)}
#supplier_solutions #sync ul.custom li {background-image:url(../supplier_products/images/DIS_bullet.gif)}
#supplier_solutions #verify ul.custom li {background-image:url(../supplier_products/images/WMS_bullet.gif)}

.float {
	float:left;
	width:35%;
	}
	
.float02 {
	float:left;
	width:60%;
	}
	
#supplier_solutions  #web,
#supplier_solutions #integrator,
#supplier_solutions #quickbook,
#supplier_solutions #flatfile,
#supplier_solutions #access,
#supplier_solutions #analyst,
#supplier_solutions #sync,
#supplier_solutions #logistic,
#supplier_solutions #replenish,
#supplier_solutions #verify,
#supplier_solutions #metrics {height:110px;}

/* -----------------------------
BUYER PRODUCT SPECIFIC STYLES ---------------------*/
/* $edi_enablement.asp */
#dienablement #content ul.custom li,#dienablement #content .fake_list {background-image: url(../tp_solutions/images/DIE_bullet.gif);}

/* $edi_testing.asp */
#ditesting #content ul.custom li,#ditesting #content .fake_list {background-image: url(../tp_solutions/images/DIT_bullet.gif);}

/* $edi_testing.asp */
#diglobal #content ul.custom li,#diglobal #content .fake_list {background-image: url(../tp_solutions/images/DIG_bullet.gif);}

/* $edi_solutions.asp */
#buyer_solutions .float {
	float:left;
	width:35%;
	}
	
#buyer_solutions .float02 {
	float:left;
	width:60%;
	}
#buyer_solutions #global ul.custom li {background-image: url(../tp_solutions/images/DIG_bullet.gif);}
#buyer_solutions #enablement ul.custom li {background-image: url(../tp_solutions/images/DIE_bullet.gif);}	
#buyer_solutions #testing ul.custom li {background-image: url(../tp_solutions/images/DIT_bullet.gif);}		
#buyer_solutions #analyst ul.custom li {background-image:url(../supplier_products/images/DIA_bullet.gif)}
		
#buyer_solutions #global,#buyer_solutions #enablement,#buyer_solutions #testing,#buyer_solutions #analyst {height:110px;}


/*----------------------------------------------------
STYLE FOR PAGES WITH NO LEFT MENU
-------------------------------------------------------*/
#get_started #container01 
{background-image:transparent;}

#get_started #content
 {
margin:0;
width:860px;
padding-left:20px;
padding-right:20px;
}