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

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Tertiary content
			3.6 Sidebar
			3.7 Footer
		
	4. LAYOUT ELEMENTS
	
	5. PAGE STYLES

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


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	padding: 0 0 20px 0;
	border-top: 2px solid #fff;
	background: #fff url(../images/bg_body.gif) repeat-x; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
	color: #333;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h2 {
	margin: 0 0 2px 0;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.4em;
	text-transform: uppercase;
	color: #446ccb;
}

h3 {
 font-weight: bold;
 font-size: 1.2em;
}

h4 {
 font-weight: bold;
 font-size: 1.2em;
} 

p  {
	font-size: 1.1em;
	line-height: 1.5em;
}
.red_error {
    color:Red;
    font-weight:bold;
}
input.error {
    border:1px solid red !important
}
#LoginControl1_lblError {
    color:Red;
    font-weight:bold;
    margin:0 2em 0 0;
}

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

/*form {
	position: relative;
} */

input, textarea, select {
	font: 1.1em Helvetica, Arial, sans-serif;
	color: #333;
}

label, input.textfield {
	font-size: 11px;
}

input.textfield {
	width: 100px;
	height: 16px;
	margin: 0 8px;
	padding: 0 2px;
	background-color: #fff;
	border: 1px solid #9a9a9a;
}

input.button {
	position: absolute;
	right: 0;
	top: 0;
}
form td {
    vertical-align:top;
    padding:4px 0 4px 0;
    font-size:90%;
}

#partner-login label  {
    padding:1em;
}
#partner-login input {
    margin-left:1em;   
}
#partner-login p.login-button {
    text-align:right;
}
#partner-login p {
    margin:3px 3px 3px 12px !important;
}

select {
	font-size:90%;
}

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link, a:visited {
	color: #4871cc;
	text-decoration: none;
}

a:hover, a:active  {
	color: #4871cc;
	text-decoration: underline;
}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}

img {
	vertical-align: text-bottom; }


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after, #tertiary-content:after, #sidebar .section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, #tertiary-content, #sidebar .section {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix, * html #tertiary-content, * html #sidebar .section {
	height: 1%; }

.clearfix, #tertiary-content, #sidebar .section {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 932px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../images/bg_container.gif) repeat-y;
}

.container-2 {
	position: relative;
	width: 922px;
	padding: 0 5px;
	background: url(../images/bg_container_top.gif) no-repeat;
	}

.outer-container {
	width: 922px;
	background: #f0eee0 url(../images/bg_faux_column.gif) repeat-y;
}
	
.inner-container {
	width:921px;
	background: url(../images/border_horizontal_blue.gif) repeat-x;
	border-right: 1px solid #fff;
}	

#header {
	height: 279px;
	padding: 68px 0 0 25px;
	background: url(../images/bg_header.jpg) no-repeat 270px 100%;
}

#content {
	float: right;
	width: 645px;
}
	
#main-content {
	width: 431px;
	float: left;
	padding: 23px 23px 0 15px;
	color: #2d447d;
	font-size:1.4em;
}
#support-content {
	width: 95%;
	float: left;
	padding: 23px 23px 0 15px;
	color: #2d447d;
	font-size:1.4em;
}

#secondary-content {
	width: 176px;
	float: right;
	position: relative;
	margin: -81px 0 10px 0;
	background: url(../images/bg_secondary_content.gif) repeat-y;
}

#tertiary-content {
	position: relative;
	width: 894px;
	clear: both;
	padding: 34px 13px 12px 14px;
	background: #fff url(../images/bg_tertiary_content.gif) no-repeat;
 }	


#sidebar {
	width: 276px;
	min-height: 190px;
	float: left; 
	position: relative;
	margin: -139px 0 0 0;
	padding: 10px 0 8px 0;
	background: url(../images/bg_sidebar_content_top.gif) no-repeat 0 0;
}	

#footer {
	width: 932px;
	height: 22px;
	padding: 14px 0 10px 0;
	background: url(../images/bg_container_bottom.gif) no-repeat 0 100%;
	text-align: center;
	color: #fff;
}

/* Homepage layout */

.home .outer-container {
	background-image: url(../images/bg_faux_column_home.gif);
}

.home #content {
	width: 638px;
}

.home #main-content {
	width: 446px;
	padding: 23px 10px 0 5px;
}

.home #sidebar {
	width: 283px;
	min-height: 330px;
	padding-top: 0;
	background-position: -0 126px;
	background-image: url(../images/bg_sidebar_content_top_home.jpg);
}	
	
.home #tertiary-content {
	background-image: url(../images/bg_tertiary_content_home.gif);
 }	
	

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

#header h1, #header h1 a, #header h1 a span, 
#header h2, #header h2 span, 
#header h3, #header h3 span {
	margin: 0;
	display: block;
	overflow: hidden;
}

#header h1, #header h1 a, #header h1 a span {
	width: 187px;
	height: 116px;
	cursor: pointer;
}

#header h1 {
	position: relative;
	left: 9px;
	font-weight: bold;
	font-size: 2em;
}

#header h1 a {
	color: #75ad22; }

#header h1 a span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/logo.gif) no-repeat;
}

#header h2, #header h2 span {
	width: 271px;
	height: 17px;
}

#header h2 {
	position: relative;
	font-size: 1.2em;
	color: #666666;
	left: -18px;
}

#header h2 span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/tagline.gif) no-repeat;
}

#header h3, #header h3 span {
	width: 615px;
	height: 84px;
}

#header h3 {
	position: absolute;
	top: 101px;
	right: 26px;
	z-index: 20;
	font-size: 2em;
	color: #2b447d;
}

#header h3 span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 20;
	background: url(../images/txt_web_services_in_native_RPG.gif) no-repeat;
}

#navigation {
	width: 600px;
	height: 46px;
	padding: 0 2px 0 4px;
	position: absolute;
	right: 0;
	top: 36px;
	background: url(../images/navigation.png) no-repeat;
	z-index: 100;
}

#navigation a {
	position: relative;
	padding: 13px 0;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

#navigation ul ul a {
	display: inline;
	width: auto;
	padding: 0;
	font-weight: normal;
	font-size: 1.1em;
	line-height: normal;
	text-align: left;
}

#navigation li:hover a, #navigation li.hover a {
	color: #2b447d;
}

#navigation li:hover li a, #navigation li.hover li a {
	color: #4871cc;
}

#navigation li:hover li a:hover, #navigation li:hover li a:active,
#navigation li.hover li a:hover, #navigation li.hover li a:active {
	color: #2b447d; }

#navigation a {
	display: block; }

#navigation li {
	float: left; }

#navigation li.nav-overview, #navigation li.nav-overview a {
	width: 100px; }

#navigation li.nav-overview ul {
	width: 98px; }	

#navigation li.nav-downloads, #navigation li.nav-downloads a {
	width: 113px;}

#navigation li.nav-downloads ul {
	width: 111px; }

#navigation li.nav-news-and-events, #navigation li.nav-news-and-events a {
	width: 134px;
	letter-spacing: 0px; }
	
#navigation li.nav-news-and-events ul {
	width: 132px; }	

#navigation li.nav-support, #navigation li.nav-support a {
	width: 90px; }
	
#navigation li.nav-support ul {
	width: 115px; }	
	/* was 88px */

#navigation li.nav-contact, #navigation li.nav-contact a {
	width: 88px; }
	
#navigation li.nav-contact ul {
	width: 86px; }	

#navigation li.nav-about, #navigation li.nav-about a {
	width: 75px; }
	
#navigation li.nav-about ul {
	width: 73px; }	

	
#navigation li ul {
	position: absolute;
	top: 39px;
	left: -999em;
	padding: 14px 0 8px 0;
	border: 1px solid #dcdbcd;
	border-top: none;
	background: #f4f3ef url(../images/bg_navigation_dropdown.gif) repeat-x;
}

#navigation li.nav-overview ul {
	background-image: url(../images/bg_navigation_dropdown_first.gif); }


#navigation li:hover ul, #navigation li.hover ul {
	left: auto; }

#navigation li li {
	padding: 5px 10px; }

#login {
	position:absolute;
	right: 30px;
	top: 14px;
	padding-right: 20px;
	z-index: 90;
	text-align: right;
}


/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	
#main-content h2, #main-content h3, #main-content h4, #main-content p {
	margin-bottom: 8px; }

#main-content h3 {
 color: #2d447d; }

h4 {
 color: #d9840b; } 

#main-content a {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}

#main-content li, #support-content li {
	font-size: 1.1em;
	margin: 0 0 6px 0;
	padding-left: 18px;
	background: url(../images/bullet_list.gif) no-repeat 0 0;
}

#main-content li li, #support-content li li {
	font-size: 1em; }

#main-content .section, #support-content .section {
	padding: 14px 30px 14px 35px;
	margin-bottom: 5px;
	border: 1px solid #fff;
	background: #f2f0e5 url(../images/bg_section_gradient.gif) repeat-x; 
}

#main-content .last-section, #support-content .last-section {
	margin-bottom: 0; }


/* 3.4	Secondary content
-----------------------------------------------------------------------------------------------*/	

#secondary-content h2 {
	margin-left: 9px;
	margin-right: 4px;
	font-size: 1.4em;
	color: #e78a08;
}

#secondary-content p {
	margin: 0 14px;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2b447d;
}

#secondary-content p a {
	margin-left: 2px; }

#secondary-content .outer-container {
	width: 176px;
	padding: 0;
	background: url(../images/bg_secondary_content_top.gif) no-repeat 0 0;
	}
	
#secondary-content .inner-container {
	width: 170px;
	padding: 19px 0 8px 6px;
	min-height: 92px;
	position: static;
	background: transparent url(../images/bg_secondary_content_bottom.gif) no-repeat 0 100%;
	border: none;
}	

#secondary-content .top-section h2 {
	margin-right: 25px;
	text-transform: none;
	line-height: 1.4em;
}

#secondary-content .top-section p {
	margin: 0 6px 0 0;
	text-align: right;
	color: #e98f08;
}

/* 3.5	Tertiary content
-----------------------------------------------------------------------------------------------*/

#tertiary-content div {
	float: left;
	background: url(../images/border_vertical_tan.gif) no-repeat 100% 0;
}

#tertiary-content div p {
	margin: 8px 0 0 48px; }

#tertiary-content div .ico {
	float: left; }

#tertiary-content div .go-read {
	margin-top: 2px;
	text-align: right; 
}

#tertiary-content div .go-read a {
	font-size: 1.2em;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
}

#tertiary-content div .go-read a:hover, 
#tertiary-content div .go-read a:active {
	color: #4871cc; }

#tertiary-content div .go-read a img {
	margin-right: 2px;
	vertical-align: middle;
}

#tertiary-content .employment {
	width: 191px; 
	padding: 0 21px 0 19px;
}
	
#tertiary-content .our-partners {
	width: 200px; 
	padding: 0 19px 0 18px; }
	
#tertiary-content .faq {
	width: 166px; 
	padding: 0 30px 0 21px;
}
	
#tertiary-content .glossary-of-terms {
	width: 184px;
	padding: 0 0 0 25px;
	background-image: none;
}

/* 3.6	Sidebar
-----------------------------------------------------------------------------------------------*/	
	
#sidebar h2 {
	margin-top: 4px;
	color: #273e73; }

#sidebar p {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2b447d; 
}	
	
#sidebar p a {
	margin-left: 2px;
	font-weight: bold;
}	

#sidebar .section {
	width: 264px;
	padding-left: 6px;
}

#sidebar .section h2, #sidebar .section p {
	margin-left: 80px;
}

#sidebar .section img {
	float: left;
}

#sidebar .logos {
	margin-right: 12px; }
	

#sidebar .download-section {
	width: 270px;
	margin-top: -10px;
	padding: 0 0 2px 0;
}

#sidebar .download-section h2, #sidebar .download-section p {
	margin: 0;
	color: #fff;
}

#sidebar .download-section h2, #sidebar .download-section h2 span {
	display: block;
	width: 114px;
	height: 23px;
	overflow: hidden;
}

#sidebar .download-section h2 {
	position: relative;
	left: 22px;
	font-size: 1.2em;
}

#sidebar .download-section h2 span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/txt_download.gif) no-repeat;
}

#sidebar .download-section p {
	margin: 0 0 0 22px;
}
	
#sidebar .download-section a {
	display: block;
	width: 142px;
	height: 20px;
	margin-top: 12px;
	padding: 1px 0 0 10px;
	background: #ffcc66 url(../images/button_download_now.gif) no-repeat;
	color: #e98e08;
	font-size: 1.4em;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
}

#sidebar .download-section a:hover,
#sidebar .download-section a:active {
	color: #c57f19; }

#sidebar .download-section div {
	width: 180px;
	height: 92px;
	padding: 15px 90px 0 0;
	background: #ee9d06 url(../images/bg_download_section.jpg) no-repeat;
}	


/* 3.7	Footer
-----------------------------------------------------------------------------------------------*/	
#footer a {
    color:White;   
}

/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.section {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/border_horizontal_beige.gif) repeat-x 0 100%;
}

.logos {
	text-align: center; }

.logos img {
	margin: 0 4px; }


/* 5. PAGESTYLES
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Homepage */

.home #main-content h2,.home #support-content h2 {
	margin-left: 15px;
	text-transform: none; 
}

.home #main-content,.home #support-content {
	color: #333; }

.home #main-content .left-section, .home #main-content .right-section {
	width: 165px;
	padding: 11px 41px 11px 11px;
	}
	
.home #main-content .left-section {
	float: left; }	
	
.home #main-content .right-section {
	float: right; }
	
.home #main-content .left-section li, .home #main-content .right-section li {
	margin-bottom: 14px; }	
	
.home #main-content .left-section li.last, .home #main-content .right-section li.last {
	margin-bottom: 0; }	
	
.home #main-content .requirements, .home #support-content .requirements   {
	clear: left; 
	padding: 0 12px 0 12px;
	font-size: 1em;
}
	
.home #main-content .requirements span {
	margin-right: 10px;
	font-size: 1.2em;
	color: #2b447d;
}			
	
.home #secondary-content .top-section p {
	color: #2b447d; }

.home #sidebar .section {
	width: 233px;
	padding-left: 22px;
	padding-right: 18px;
	padding-bottom: 15px;
}
	
.home #sidebar .section h2 {
	margin: 0 0 10px 0; }	

.home #sidebar .section p {
	margin-left: 72px; }

.home #sidebar .download-section {
	width: 283px;
	margin-top: 0;
	padding: 0;
}

.home #sidebar .download-section h2, .home #sidebar .download-section h2 span {
	width: 136px;
	height: 27px;
}

.home #sidebar .download-section h2 {
	margin: 0;
	left: 11px;
	font-size: 1.2em;
}

.home #sidebar .download-section h2 span {	
	background: url(../images/txt_download_home.gif) no-repeat;
}

.home #sidebar .download-section p {
	margin: 0 0 0 11px;
	font-size: 1.2em;
}
	
.home #sidebar .download-section a {
	width: 169px;
	height: 20px;
	margin-top: 10px;
	padding: 2px 0 1px 10px;
	background: #ffcc66 url(../images/button_download_now_home.gif) no-repeat;
	font-size: 1.6em;
	line-height: 20px;
}

.home #sidebar .download-section div {
	width: 213px; 
	height: 107px;
	padding: 17px 70px 0 0;
	background: #ee9d06 url(../images/bg_download_section_home.jpg) no-repeat;
}	

.home #sidebar .newsletter-signup form {
	margin: 10px 0 0 0;
}

.home #sidebar .newsletter-signup label {
	color: #2b447d;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
}

.home #sidebar .newsletter-signup .button {
	position: static;	
	float:right;
}

.home #sidebar .newsletter-signup .textfield {
	width: 117px; 
	margin: 0 2px;
}
	
.home #sidebar .newsletter-signup p {
	padding-top: 4px;
	color: #333; }	

.home #sidebar .practical-scenarios {
	width: 241px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-right: 10px;
	background-image: none;
}

.home #sidebar .practical-scenarios h3 {
	font-weight: normal;
	font-size: 1.4em;
	color: #000;
	text-transform: uppercase;
}

.home #sidebar .practical-scenarios h3 a {
	color: #000; }

.home #sidebar .practical-scenarios ul {
	margin-top: 16px; }

.home #sidebar .practical-scenarios li {
	margin: 0 0 20px 0;
	padding-left: 47px;
	background-repeat: no-repeat;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #e88c0b;
}

.home #sidebar .practical-scenarios li.shipping-solutions {
	background-image: url(../images/ico_shipping_solutions.gif); }
	
.home #sidebar .practical-scenarios li.credit-validation {
	background-image: url(../images/ico_credit_validation.gif); }

.home #sidebar .practical-scenarios li.data-validation {
	background-image: url(../images/ico_data_validation.gif); }

.home #sidebar .practical-scenarios li.workflow-automation {
	margin-bottom: 0;
	background-image: url(../images/ico_workflow_automation.gif); }
#chat {
	line-height: normal;
	width: 134px;
	height: 44px;
	position: absolute;
	top: 0px;
	left:20px;
}
#main-content-wide {
	width: 625px;
	float: left;
	padding: 23px 23px 0 15px;
	color: #2d447d;
	font-size:1.4em;
}