img { 
 	behavior: url(iepngfix.htc)
}
body, h1, h2, h3, h4, p, form, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

body {
	font-size:100%;
	line-height:1.250em;
	background-image:  url(/assets/i/body_bg_wgw.jpg);
	position:relative;
} 

#logo {
	margin:0;
	padding:26px 0;	
	clear: both;
	overflow:hidden;
}
#logo img {
	float:left; width:209px;
}
#logo img.rightfloat {
	float:right;
	margin:10px 0 0 0;
}

#regFlash2 {
	clear:both;
	position:relative;
	margin:0; 
	border-top:0; 
	border-top:1px solid #e2ecf8;
	border-right:2px solid #e2ecf8; 
	border-bottom:1px solid #ccc; 
	border-left:2px solid #e2ecf8; 
	width:834px;
	height:160px;
	background-color:#fff;
}

/* #flashcontent {padding:30px 0;} */
#flashcontent h1,
#flashcontent h2,
#flashcontent p {margin:0; padding:0 35px 10px 30px; color:#555; font-size:0.75em;}
#flashcontent p strong {color:#7896cf;}
#flashcontent h1 {padding-top:30px; font-size:1.4em; color:#c02;}
#flashcontent h2 {margin-top:20px; font-size:1em; color:#7896cf;}

#container {
	width: 838px;
	margin: 0px auto;
	position: relative;
}

#rTopCap,
#topCap {
	margin: 0px;
	padding: 0px;
	clear: both;
}

#thankyou,
#mainHolder {
	padding: 0 30px;
	clear: both;
	border-top: solid 1px #ccc;
	border-left: solid 2px #e2ecf8; /* c5c5c5 */
	border-right: solid 2px #e2ecf8;
	background:url(/assets/i/spacer.gif) top left repeat-x;
	background-color:#fff; 
	padding: 0 30px;
	position: relative;
}
/*For IE6 because its rubbish*/
* html #thankyou,
* html #mainHolder {
	background:url(/assets/i/spacer.gif) top left repeat-x;
}
* html #container {
	background-color:#fff;
}
#thankyou {display:none;}
#thankyou p {font-size:1.3em; font-weight:bold; color:#7896cf;}


#left {
	float:left;
	position:relative;
	padding:35px 0;
	width: 425px;
}

#left p, #left li, #left ul ul li, #loginContent p,
#right li {
	font-size: 0.75em; /* 12px */
	margin-bottom: 1.125em;
}


#left p standout { 
font-size:18px;
}

#left ul {
	margin:1em 0 1em 0;
	padding:0;
}

#left ul li {
	margin:0 0 0.5em 0;
	padding:0 0 0 15px;
	list-style-type:none;
	background:url(/assets/i/bullet_blue.gif) left 7px no-repeat;
}

#left ul li li {
	font-size: 1em; /* 12px */
	margin:0 0 1em 0;
	padding:0 0 0 45px;
	background-position:30px 7px;
}

h3#forward a,
h2#freekit,
h2#businesscase,
h3#requestcall a {
	display:block;
	margin:5px 0 0 0;
	padding:0;
	width:345px;
	height:72px;
	font-size:0.75em;
	background-image:url(../i/h2_freekit.gif);
	background-position:left center;
	background-repeat:no-repeat;
	text-indent:-9999em;
}
h3#forward a {margin:10px 0 1em 0; width:316px; height:46px; background:url(/assets/i/but_foward_col_en_new.gif) left top no-repeat;}
h2#businesscase {margin:2px 0 10px 0; width:316px; height:27px; background:url(../i/h2_business_case.gif) left top no-repeat;}
h3#requestcall a {margin:10px 0 1em 0; width:316px; height:46px; background:url(/assets/i/but_request_call_en_new.gif) left top no-repeat;}

.bdot {
	display: block;
	padding:0 0 0 0;
	background: url(/assets/i/hDot.gif) bottom repeat-x;
	margin:0 0 20px 0;
}

.tdot,
#right .tdot {
	display:block;
	margin:0pt;
	padding:20px 0 0 0;
	background:transparent url(/assets/i/hDot.gif) repeat-x scroll center top;
}

a {
	color: #446392;
}

a:hover {
	text-decoration: none;
}

img#but_bc {
	border:0;
	cursor:pointer;
}

div#businesscasediv {
	display:none;
	margin-bottom:20px;
	width:auto;
	height:auto;
	
}

#right {
	float: right;
	padding:35px 0;
	width: 320px;
}

#right p {
	font-size:0.6875em;
	margin-top:0;
	margin-bottom:1.125em;
}

#right .rbody p {
	font-size: 0.75em;
	line-height: 1.65em;
	margin-bottom: 1.1em;
}

#right .rbody .bdot .fullquote p{
	display:block;
	float:left;
	margin-bottom:0;
	width:300px;
}

#right .rbody .bdot p {
	display:block;
	float:left;
	margin-bottom:0;
	width:199px;
}
/* for duplicate character bug */
* html #right .rbody .bdot p {
	margin-right:-3px;
}

#loginFooter {
	margin:0 auto;
	padding: 20px;
	width:400px;
	font-size: 0.6875em;
	color: #666;
	overflow:hidden;
}

.last, #right .last p.last {margin-bottom:0; background:none;}

.fl {
	float:left;
	margin-right: 10px;
}

#right .rbody img.fl {
	border:0;
	width:111px;
}

.flr {
	float: right;
	margin-left: 10px;
	position: relative;
}

.clear {
	display: block;
	clear: both;
}

.pagelink,
.pdflink,
.contactlink,
.lockedlink,
.unlockedlink {
	display:block;
	margin:0;
	padding:0 0 3px 23px;
	line-height:1.5em;
	background:url(http://www.sterlingcommerce.com/images/icons/icon_pdf.png) left 2px no-repeat;
}
.pagelink {background:url(http://www.sterlingcommerce.co.uk/response/edm_i/i/copy.png) left 2px no-repeat;}
.contactlink {background:url(http://www.sterlingcommerce.co.uk/response/edm_i/i/group.png) left 2px no-repeat;}
.lockedlink {background:url(http://www.sterlingcommerce.com/images/icons/lock.png) left 2px no-repeat;}
.unlockedlink {background:url(http://www.sterlingcommerce.com/images/icons/lock_open.png) left 2px no-repeat;}

p span.rightquote {
	display:inline;
	margin:0;
}

.imgseal {position:relative;top:-20px;left:-85px;z-index:25;border:0;}

span.rightquote strong,
p.rightquote strong {display:block; text-align:right; font-size:0.9em; line-height:1.4em;}
p.lockedlink span {display:inline; text-align:right; font-size:0.9em; line-height:1.4em;}

.topImage {margin-bottom:25px;}
.fr .topImage {margin-bottom:30px;}

.opener {font-size:1.3em;color:#7896cf;line-height:1.7em;}
strong {color:#666;}
.secondhighlight,
#right strong {color:#7896cf;}

.bdot {
	padding: 0 0 1em 0;
	background: url(/assets/i/hDot.gif) bottom repeat-x;
	display: block;
	margin: 0 0 1em 0;
}
.bmargin {margin-bottom:10px; border:0;}
#right .rbody .bdot p.nbmargin {margin-bottom:0; width:auto;}
.datatable {margin: 0 0 1.125em 0;}
.rmargin {margin-right:3px;}
.lmargin {margin-left:3px;}
/**************************** Styles for Tabs **********************/
ul.tabs {margin:0; 	border-left: solid 2px #e2ecf8; border-right: solid 2px #e2ecf8;padding:0 0 0 30px; list-style-type:none; background:url('../i/h2_grad_grey.jpg') left bottom repeat-x #fff;}
ul.tabs li {float:left; position:relative; min-height:43px; border-right:1px solid #ccc; padding:6px 20px; font-size:12px;}
* html ul.tabs li {width:150px; height:42px;}
* html ul.tabs li.tab1 {width:50px;}
/* text decoration:none added to make FF 1.0 behave, font-size added to make IE<=6 behave */
ul.tabs li.tab1 {border-left:1px solid #ccc;}
ul.tabs li.tab4 {padding:6px 20px 6px 37px; background:url('/assets/i/unlock_16.png') 15px 7px no-repeat;}
ul.tabs li a {display:block; height:100%; text-decoration:none; font-weight:bold;}
ul.tabs li.on a {color:#c02;}

.tabs {clear:both;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
* html .clearfix {height:1%;}
/* End hide from IE-mac */

/**************************** End Styles for Tabs **********************/
/*********************************************************** formsstuff */
td {
	font:11px Arial, Helvetica, sans-serif;
	color: #666;
}

.buttons {
	display:block;
	border:0;
	margin:10px 0 0 0;
	padding:0 12px;
	height:30px;
	color:#fff;
	font:1.4em Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
	background:url(/assets/i/but_bg.jpg) top left repeat-x;
}

.textbox, .textboxwatermarked {
	border: solid 1px #7896CF;
	width:125px;
	color:#666666;
	font-size:11px;
}

.checkbox {
	color:#666666;
	font-size:11px;
}

.textboxwatermarked {
 color:#666666;
}

table.formarea {
width:606px;
margin:0px 0px 0px 0px;
border: none 0px #FFFFFF;
padding: 0px 0px 0px 0px;
}

.dropdownlist {
	background-color:#fff;
	border:1px solid #7896CF;
	color:#666;
	font-size:11px;
	width:125px;
}
.privacy,
.labels {color:#666;	font-size:11px;}
#right #privacy {padding:0 5px; color:#666;}
a {color: #446392;}
a:hover {text-decoration:none;}
.error {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#f00;}
#statefield {display:none;}