/*-----------------------------------------------
'	Company: RUHE (www.ruhe.com.au)
'	Copyright © 2006, All rights reserved.
'	Date Created: August 2006
'
'	Last Modified Date: 08th May, 2008
'	Last Modified By: Ben Barnett -> ben.barnett@informatel.com
'
'	DO NOT MODIFY THIS DOCUMENT WITHOUT
'	NOTIFYING THE AUTHOR FIRST
'
------------------------------------------------*/

/* ---------- Global ---------- */

body{
	margin:						0;
	padding:					0;
	font-family:				"Trebuchet MS", Tahoma, sans-serif;
	text-align:					center;
	background:					url(../images/global_bg_main.gif) repeat-x top;
}

img{
	border:						none;
	display:					block;
}	

form{
	margin:						0;
}

a{
	text-decoration:			none;
	color:						#525252	
}

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

h1{
	color:						#ca3c5b;
	font-size:					1em;
}

h2{
	font-size:					0.7em;
	color:						#525252;
}

h3{
	font-size:					0.7em;
	color:						#525252;
	margin:						0;
	padding:					0;	
}

p, li{
	font-size:					0.7em;
	line-height:				1.2em;
	color:						#525252;
}

p sup{
	line-height:				2.1em;
}

ul{
	list-style:					none none;
	padding:					0;
	margin:						0 0 0 24px;
}

ul li{
	/*background:					url(../images/content_list_bullet.gif) no-repeat 0 3px;
	padding:					0 0 0 20px;
	margin:						0 0 10px 0;*/
}

.mainList
{
	list-style-type:decimal;
}
.mainList li
{
	padding: 10px;
}



.alignLeft{
	float:						left;
}

.alignRight{
	float:						right;
}



/* ---------- Structure ---------- */

div.globalWrap{
	width:						760px;
	text-align:					left;
	margin:						0 auto;
}	

div.header{
	width:						760px;
	overflow:					hidden;
}	

div.header a.logo{
	margin:						23px 0 0;
	display:					block;
	float:						left;
	color:						#fff;
}

div.subNav{
	float:						right;
	color:						#fff;
	font-size:					11px;
	margin:						4px 0 0;
}

div.subNav a, div.subNav a:hover{
	color:						#fff;
}

div.navWrap{
	width:						760px;
	overflow:					hidden;
	height:						169px;
}

div.mainNav{
	float:						left;
	padding:					0px 0 0;
	width:						193px;
	height:						169px;

	background:					url(../images/nav_bg_main.gif) top left;
}

div.mainNav p{
	margin:						10px 0 0;
	width:						193px;
	overflow:					hidden;
}	

div.mainNav a{
	
	display:					block;
	color:						#fff;
	background:					#696969;
	margin:						0 13px 2px;
	padding:					2px 3px 2px!important;
}

.mainMenu
{
	width: 128px;
	display:					block;
	color:						#fff;
	background:					#696969;
	margin:						0 13px 2px;
	padding:					0px 3px 2px!important;
}
	
div.mainNav a.active {
	background:					#ca3c5b!important;
	color:						#fff!important;	
}

div.mainNav a:hover{
	text-decoration:			none;
	background:					#c93b5a;
	color:						#fff;
}

div.banner{
	float:						left;
	width:						567px;
	height:						169px;
	background:					url(../images/index_bnr_man.jpg) no-repeat top left;/*url(../images/content_bnr_plain.gif) no-repeat top left;*/
}

div.banner h1{
	line-height:				25px;
	font-size:					30px;
	font-weight:				normal;
	color:						#fff;	
	margin:						65px 0 0 21px;
}

div.banner p{
	color:						#fff;
	margin:						10px 200px 0 21px;
}	

div.mainContainer{
	width:						760px;
	overflow:					hidden;
	background:					url(../images/content_bg_left.gif) repeat-y left;	
	margin:						20px 0 20px 0;
}	

div.sideNav{
	width:						180px;
	float:						left;
	padding:					20px 0 20px;
}

div.sideNav p{
	margin:						0 17px 2px;
}

div.sideNav a{
	font-size:					11px;
	display:					block;
	color:						#525252;
	background:					#fff;
	margin:						0px 13px 2px;
	padding:					2px 3px 2px;
}

div.sideNav a:hover{
	text-decoration:			none;
	color:						#fff;
	background:					#c93b5a;
}

div.sideNav a span{
	float:						left;
	margin:						-2px 3px 3px 0;
	vertical-align:				top;
}


a.active {
	background:					#ca3c5b!important;
	color:						#fff!important;
}

div.mainContent{
	float:						left;
	width:						500px;
	padding:					0 20px 20px;
}

* html div.mainContent{
	wid\th:						405px;
}

div.mainContentLrg{
	float:						left;
	padding:					20px 0 100px 0px;
	margin:						0;
	width:						567px;
}


div.mainContent a, div.mainContentLrg a{
	font-weight:				bold;
	text-decoration:			underline;
	color:						#ca3c5b;
}

div.content h1,
div.content h2,
div.content h3{
	margin:						17px 22px;
}

div.content h3{
	margin:						0 22px;
}

div.content p{
	margin:						0 22px 17px;
}


/* Right Col */

div.rightCol{
	float:						left;
	width:						140px;
	overflow:					hidden;
	background:					url(../images/content_bg_rightCol.gif);
	padding:					20px 0 20px;
}

div.rightCol h1{
	font-size:					0.8em;
	margin:						0px 10px 10px;	
	color:						#646464
}

div.rightCol p {
	margin:						0 10px 10px;	
}

div.rightCol a{
	background:					#ffffff;
	display:					block;
	font-weight:				normal;
	padding:					2px 5px;
	margin:						0 0px 2px;
}

div.rightCol a:hover{
	background:					#ca3c5b;
	color:						#fff;
	text-decoration:			none;
}

/* Footer */

div.footer{
	background:					url(../images/footer_bg_main.gif) repeat-x top;
	width:						760px;
	height:						71px;
	overflow:					hidden;
}

div.footer a{
	color:						#adadad;
}

div.footer a:hover{
	color:						#fff;
}	

.mcp{
	float:						right;
	margin:						0 10px;
}

div.base{
	margin:						10px 0;
	padding:					0 10px;
	width:						760px;
	wid\th:						740px;
	overflow:					hidden;
	font-size:					11px;
}

div.base img{
	margin:						6px 0 0 0px;
}

/* ---------- Custom ---------- */

/* Banners */

div.indexPageBnr
{
	float:						left;
	width:						567px;
	height:						169px;
	background:					url(../images/index_bnr_man.jpg) no-repeat top left;	
}

div.indexPageBnr h1
{
	margin:						30px 0 0 21px;
}


/* Case Studies */

div.clientBox{
	float:						left;
	height: 160px;
	margin:						0 -10px 0 20px!important;
}

* html div.clientBox{
	margi\n:					0 -2px 0 12px!important;
}

div.clientBox p
{
	width: 122px;
	margin:						3px 0 20px 0!important
	
}

a.caseStudies, a.caseStudies:hover{
	background:					none!important;
	padding:					0!important;
	margin:						5px 0 0!important;
}

div.indexCaseStudies{
	padding:					5px 0 0 10px;
	margin:						0 0 20px;
	width:						150px;
	overflow:					hidden;
}

div.indexCaseStudies a{
	float:						left;
	display:					block;
	margin:						0 5px 5px 0;
	padding:					0!important;
}

* html div.indexCaseStudies a{
	margi\n:					0 5px 4px 0;
}

div.indexCaseStudies a:hover{
	background:					none;
}

div.caseDivider{
	height:						1px;
	overflow:					hidden;
	background:					url(../images/content_div_rightCol.gif) repeat-x top;
	margin:						0 10px 10px
}

div.rightCol a.caseStudyLrgLink
{
	background: none;
}

div.rightCol a.caseStudyLrgLink:hover
{
	background: none;
}

img.caseStudyLrg{
	margin:						0 auto 10px;
}

.clientLogo{
	float:						right;
	margin:						0px 10px;
}


/* Ready Boxes on index page */
div.readyBox{
	width:						180px;
	margin:						24px 0px 0px 22px;
	float:						left;
}

* html div.readyBox{
	margin-left:				12px;
}

div.readyBox p{
	margin:						5px 0 10px;
}

/* ---------- Custom Content Classes ---------- */

p.backToTop{
	text-align:					right;
	font-size:					0.6em
}

p.noPadding
{
	padding:					0 0 0 0;
}

p.backToTop a{
	color:						#a9a9a9;
}

p.backToTop a:hover{
	color:						#c93b5a;
}

div.article p{
	margin:						0 22px;

}

div.article p.date{
	margin:						0 22px 10px
}

div.article{
	margin-bottom:				30px;
}

div.rightCol div.divider{
	background:					#fff;
	margin:						10px 0 0;
}


/* Custom form Classes */

label{
	margin-bottom:				3px;
	display:					block;
}

.txtField{
	/* background:					url(../images/form_bg_txtField.gif) repeat-x top; */
	border:						none;
	width:						100%;
	color:						#525252;
	font-size:					11px;
	height:						16px;
	heigh\t:					14px;
	border:						none 0px black; /* IE is picky */
}

.partnerTextField
{
	font-size: 11px;
}

a.partnerSubmit{
	background:					#ebebeb;
	display:					block;
	font-weight:				normal;
	padding:					5px 5px 5px 5px;
	margin:						0 0px 2px;
	width: 145px;
	text-decoration:			none;
}

a.partnerSubmit:hover{
	background:					#ca3c5b;
	color:						#fff;
	text-decoration:			none;
}

div.rightCol input.txtField{
	margin:						0 0 12px;
	padding:					2px 0 0 3px
}

a.submitBtn{
	font-weight:				bold!important;
}

/* Paging */

.paging  {
			float: left;
			width: auto;
			margin-top: 15px;
			margin-right: 6px;
			margin-left: 15px;
}

* html .paging
{
	margin-left: 10px;
}

.paging span, .paging ol {
			float: left;
			padding: 0;
			margin: 0;
}

.paging span {
			display: none;
}

.paging li  {
			display: inline;
			list-style-type: none;
}

.paging li a  {
	 		 display: block;
	 		 float: left;
	 		 width: auto;
	 		 white-space: nowrap;
	 		 background: #FFF;
	 		 margin: 0;
	 		 padding: 8px 8px;
	 		 text-decoration: none;
	 		 font-size: 11px;
	 		 font-weight: normal;
}

.paging ol ol li a
{
	padding: 8px;
}

.paging ol li a:hover
{
	background:					#ca3c5b;
	color: white;
}

.paging li a:hover, .paging li a:focus  {
			text-decoration: none;
}

.paging li a.previous:hover, .paging li a.next:hover, .paging li a.first:hover, .paging li a.last:hover  {
			background: #FFF;
}


/* Contact List */


dl.contactDetails{
	float:						left;
	color:						#525252;
	font-size:					11px;
	width:						220px;
	margin:						0 0 0 22px;
}

* html dl.contactDetails{
	margi\n:						0 0 0 12px;
}

div.footer dl.contactDetails{
	float:						left;
	margin:						13px 0 0 10px;
	padding:					0;
	color:						#adadad;
	font-size:					11px;
	width:						160px;
}

dl.contactDetails dt{
	font-weight:				bold;
	padding:					0 0 10px;
}

div.footer dl.contactDetails dt{
	padding:					0;
}

dl.contactDetails dd.heading{
	float:						left;
	width:						60px;
	padding:					0;
}

div.footer dl.contactDetails dd.heading{
	float:						left;
	width:						40px;
}

dl.contactDetails dd{
	margin:						0;
	padding:					0 0 10px 60px;
}

div.footer dl.contactDetails dd{
	margin:						0!important;
	padding:					0!important;
}

/* Ready pages */


div.readyContent p{
	width:						362px;
}

div.readyContent h1{
	margin-top:					0;
}

div.readySubNav{
	width:						358px;
	widt\h:						366px;
	margin:						10px 0 20px 22px;
	overflow:					hidden;
}	

div.readySubNav a{
	font-size:					0.7em;
	font-weight:				normal;
	color:						#fff;
	background:					#696969;
	width:						89px;
	widt\h:						83px;
	display:					block;
	padding:					2px 3px;
	margin:						0 2px 0 0;
	float:						left;
	text-decoration:			none;	
}

div.readySubNav a:hover{
	color:						#fff;
	text-decoration:			none;
}

div.readyNav a.active, div.readySubNav a.active{
	background:					#ea6e2e!important;
}


/* Added */
.error
{
	color: #ca3c5b;
}

/* Index and overview boxes */
div.readyBox a:hover{
	background-position:		0 -9px;
}

div.readyBox a.hovered
{
	background-position:		0 -9px;
}

div.readyBox a.readyBoxMore
{
	width:						163px;
	height:						9px;
	overflow:					hidden;
	display:					block;
}

/*** PRODUCT DEFINITIONS **/

/*** CustomREADY ***/
div.customreadyNav a:hover{
	background:					#0090c6;
}

div.customreadyContent a:hover{
	color:						#0090c6;
}

div.customreadySubNav a:hover{
	background:					#0090c6;
	color:						#fff;
}

div.customreadyNav a.active, div.customreadySubNav a.active{
	background:					#0090c6!important;
}

a.customready{
	background:					url(../images/content_btn_moreBlue.gif);
}

div.customreadyBanner{
	background:					url(../images/headers/content_bnr_custom.gif) no-repeat top left;	
}

div.customreadyContent ul li{
	background:					url(../images/content_bullet_custom.gif) no-repeat 0 3px;
}

/*** ConnectREADY ***/
div.connectreadyNav a:hover{
	background:					#6c9d30;
}

div.connectreadyContent a:hover{
	color:						#6c9d30;
}

div.connectreadySubNav a:hover{
	background:					#6c9d30;
	color:						#fff;
}

div.connectreadyNav a.active, div.connectreadySubNav a.active{
	background:					#6c9d30!important;
}

a.connectready{
	background:					url(../images/content_btn_moreGreen.gif);
}

div.connectreadyBanner{
	background:					url(../images/headers/content_bnr_connect.gif) no-repeat top left;	
}

div.connectreadyContent ul li{
	background:					url(../images/content_bullet_connect.gif) no-repeat 0 3px;
}

/*** ResponseREADY ***/
div.responsereadyNav a:hover{
	background:					#c61846;
}

div.responsereadyContent a:hover{
	color:						#c61846;
}

div.responsereadySubNav a:hover{
	background:					#c61846;
	color:						#fff;
}

div.responsereadyNav a.active, div.responsereadySubNav a.active{
	background:					#c61846!important;
}

a.responseready{
	background:					url(../images/content_btn_moreRed.gif);
}

div.responsereadyBanner{
	background:					url(../images/headers/content_bnr_response.gif) no-repeat top left;	
}

div.responsereadyContent ul li{
	background:					url(../images/content_bullet_response.gif) no-repeat 0 3px;
}

/*** PromotionREADY ***/
div.promotionreadyNav a:hover{
	background:					#ea6e2e;
}

div.promotionreadyContent a:hover{
	color:						#ea6e2e;
}

div.promotionreadySubNav a:hover{
	background:					#ea6e2e;
	color:						#fff;
}

div.promotionreadyNav a.active, div.promotionreadySubNav a.active{
	background:					#ea6e2e!important;
}

a.promotionready{
	background:					url(../images/content_btn_moreDark.gif);
}

div.promotionreadyBanner{
	background:					url(../images/headers/content_bnr_promotion.gif) no-repeat top left;	
}

div.promotionreadyContent ul li{
	background:					url(../images/content_bullet_promotion.gif) no-repeat 0 3px;
}

/*** ContentREADY ***/
div.contentreadyNav a:hover{
	background:					#8e6b99;
}

div.contentreadyContent a:hover{
	color:						#8e6b99;
}

div.contentreadySubNav a:hover{
	background:					#8e6b99;
	color:						#fff;
}

div.contentreadyNav a.active, div.contentreadySubNav a.active{
	background:					#8e6b99!important;
}

a.contentready{
	background:					url(../images/content_btn_morePurple.gif);
}

div.contentreadyBanner{
	background:					url(../images/headers/content_bnr_content.gif) no-repeat top left;	
}

div.contentreadyContent ul li{
	background:					url(../images/content_bullet_content.gif) no-repeat 0 3px;
}

div.backforward
{
	float:left;
	padding-left: 50px;
}

.tdleftmenu
{
	text-align:left;
	width: 250px;	
}
.tdrightmenu
{
	text-align:right;
	width:350px;	
}

.InformatelRed
{
	color: #ca3c5b;
}

.ValidationText
{
	color: #ca3c5b;
	font-size: 16px;
	text-align:right;
	font-style:italic;
}


/* Registration Page */

.register
{
	font-size:12px;
	margin: 0 auto;
	text-align: center;
}

.registerTextBox
{
	width: 150px;
	text-align: left;
}

.register label
{
	text-align: right;
}

.register td
{
	text-align: left;
}

.redText
{
	color: Red;
	font-size: 13px;
}

.center
{
	text-align: center;
}