:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

body
{
	background: url('bg_main.jpg') left top repeat-x #fff;
	font-family: Arial, Helvetica;
	font-size: 62.5%;
	color: #4a4a4a;
}

a { color:#000; }

h1 { font-size: 2.2em; }
h2 { font-size: 2em; }
	
	h2 p { font-size: 1em; color: #fff; }
	h2 em { font-size: 0.7em; font-weight: normal; }

h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }

	h4 p { font-size: 1em; color: #5f625c; }

h5 { font-size: 1.3em; color: #ce1711; }
h6 { font-size: 1.2em; color: #787876; }

p { font-size: 1.1em; color: #000; }
span { font-size: 1.1em; color: #000; }

.hide { display: none; }

.clearDiv { clear: both; } 

div#page-container
{
	width: 770px;
	margin: 0 auto 0 auto;
    text-align: left;
}

div#header
{
	width: 100%;
	float: left;
	margin-top: 17px;
	height: 85px;
}

	div#header h1 { float: left; }

		div#header h1 a
		{
			display: block;
			background: url('ihub_logo.gif') left top no-repeat;
			text-indent: -5000px;
			width: 394px;
			height: 85px;
			overflow: hidden;
		}
	
	div#header-right { float: right; padding-top: 10px; }
	
		div#header-right div#contact { width: 150px; float: left; padding-right: 20px; }
		
		div#header-right h5 { font-size: 1.6em; color: #cb1009; float: left; }
		div#header-right h6 { color: #787876; float: left; }
		
		div#header-right #header-links { width: 100px; float: left; }
		
			div#header-links ul { width: 100px; float: left; }
			
				div#header-links li { width: 90px; float: left; padding-bottom: 5px; }
			
		
			div#header-links a.contact_us
			{
				float: left;
				background: url('nav_grey_contactus.gif') no-repeat;
				width: 89px;
				height: 20px;
				padding: 0;
			}

				div#header-links a.contact_us:hover { background: url('nav_red_contactus.gif') no-repeat; cursor: hand; }
		
			div#header-links a.partner_login
			{
				float: left;
				background: url('nav_grey_partnerlogin.gif') no-repeat;
				width: 81px;
				height: 20px;
				padding: 0;
			}

				div#header-links a.partner_login:hover { background: url('nav_red_partnerlogin.gif') no-repeat; cursor: hand; }
		
div#main
{
	float: left;
	background: url('bg_blank.jpg') left top no-repeat;
	margin-left: 10px;
	width: 100%;
}

	.bg_blank { background: url('bg_blank.jpg') left top no-repeat; }
	
    div.bg_home { float: left; width: 770px; background: url('bg_home.jpg') left top no-repeat; }
	div.bg_about-us { float: left; width: 770px; background: url('bg_about-us.jpg') left top no-repeat; }
	div.bg_products-services { float: left; width: 770px; background: url('bg_products-services.jpg') left top no-repeat; }
	div.bg_customer-care { float: left; width: 770px; background: url('bg_customer-care.jpg') left top no-repeat; }
	div.bg_business-challenges { float: left; width: 770px; background: url('bg_business-challenges.jpg') left top no-repeat; }
	div.bg_industry { float: left; width: 770px; background: url('bg_industry.jpg') left top no-repeat; }
	div.bg_channel-partners { float: left; width: 770px; background: url('bg_channel-partners.jpg') left top no-repeat; }
	div.bg_partner { float: left; width: 770px; background: url('bg_partner.jpg') left top no-repeat; }
	div.bg_contact-us { float: left; width: 770px; background: url('bg_contact-us.jpg') left top no-repeat; }
	div.bg_generic { float: left; width: 770px; background: url('bg_generic.jpg') left top no-repeat; }

	div#main-top { height: 210px; float: left; }

	div#main-top h2 { float: left; width: 400px; height: 150px; padding: 20px 30px 0 30px; }
	
		div#main-top h2 strong { color: #ce1711; }

		div#navigation
		{
			float: left;
			width: 710px;
			padding: 0 23px 0 15px;
			position: relative;
			z-index: 100;
		}
		
			div#navigation ul { padding-top: 15px; }
		
			div#navigation a { float: left; padding: 0; margin: 0; }

			div#navigation ul ul { width: 150px; float: left; padding: 0; }
			
			div#navigation li
			{
				float: left;
				position:relative;
				margin-right: 1px;
			}
			
			div#navigation a, div#navigation a:visited
			{
				display: block;
				color:#fff;
				height:30px; 
				padding-left:10px; 
				line-height:29px;
			}
			
			div#navigation ul ul
			{
				visibility:hidden;
				position:absolute;
				height:10px;
				top:25px;
				left:0; 
				width:150px;
			}

			/* style the table so that it takes no part in the layout - required for IE to work */
			div#navigation table { position:absolute; top:0; left:0; }

			/* style the second level links */
			div#navigation ul ul a, div#navigation ul ul a:visited
			{
				color:#fff;
				font-weight: bold; 
				height:auto; 
				line-height:1em; 
				padding:3px 10px;
				width:130px;
			}

			div#navigation li.nav-item-header
			{
				width: 150px;
				height: 10px;
				background: url('nav_header.gif') left top no-repeat;
				overflow: hidden;
			}

			div#navigation li.nav-item-footer
			{
				width: 150px;
				height: 3px;
				background: url('nav_footer.gif') left top no-repeat;
			}
				
			div#navigation ul ul a
			{
				width: 130px;
				float: left;
				margin-right: 5px;
				background: url('nav_bg.gif') left top repeat-y;
			}

				* html div#navigation ul ul li a { background-color: #ce1711; }

				/* style the top level hover */
				div#navigation ul ul a:hover { width: 130px; background: #f6322b; }
				
			/* make the second level visible when hover on first level list OR link */
			div#navigation ul li:hover ul, div#navigation ul a:hover ul { visibility: visible; }
				
			div#navigation a:visited { padding: 0; }

			div#navigation a.nav-top-home
			{
				float: left;
				background: url('nav_grey_home.gif') no-repeat;
				width: 26px;
				height: 25px;
				padding: 0;
				margin-right: 2px;
				margin-top: 15px;
			}
			
				div#navigation a.nav-top-home:hover { background: url('nav_red_home.gif') no-repeat; cursor: hand; }

			div#navigation a.nav-top-about_us
			{
				float: left;
				background: url('nav_grey_about_us.gif') no-repeat;
				width: 71px;
				height: 25px;
				padding: 0;
				margin-right: 1px;
			}
			
				div#navigation a.nav-top-about_us:hover { background: url('nav_red_about_us.gif') no-repeat; cursor: hand; }
				
			div#navigation a.nav-top-products_services
			{
				float: left;
				background: url('nav_grey_products_services.gif') no-repeat;
				width: 136px;
				height: 25px;
				padding: 0;
				margin-right: 1px;
			}

				div#navigation a.nav-top-products_services:hover { background: url('nav_red_products_services.gif') no-repeat; cursor: hand; }

				
			div#navigation a.nav-top-customer_care
			{
				float: left;
				background: url('nav_grey_customer_care.gif') no-repeat;
				width: 107px;
				height: 25px;
				padding: 0;
				margin-right: 1px;
			}

				div#navigation a.nav-top-customer_care:hover { background: url('nav_red_customer_care.gif') no-repeat; cursor: hand; }

			div#navigation a.nav-top-business_challenges
			{
				float: left;
				background: url('nav_grey_business_challenges.gif') no-repeat;
				width: 138px;
				height: 25px;
				padding: 0;
				margin-right: 1px;
			}

				div#navigation a.nav-top-business_challenges:hover { background: url('nav_red_business_challenges.gif') no-repeat; cursor: hand; }

			div#navigation a.nav-top-industry_hubs
			{
				float: left;
				background: url('nav_grey_industry_hubs.gif') no-repeat;
				width: 99px;
				height: 25px;
				padding: 0;
				margin-right: 1px;
			}

				div#navigation a.nav-top-industry_hubs:hover { background: url('nav_red_industry_hubs.gif') no-repeat; cursor: hand; }

			div#navigation a.nav-top-channel_partners
			{
				float: left;
				background: url('nav_grey_channel_partners.gif') no-repeat;
				width: 118px;
				height: 25px;
				padding: 0;
				margin-right: 1px;
			}

				div#navigation a.nav-top-channel_partners:hover { background: url('nav_red_channel_partners.gif') no-repeat; cursor: hand; }

		div#home-image-fade
		{
			width: 748px;
			height: 173px;
			float: left;
			padding: 0 0 0 10px;
		}
			
div#footer
{
	float: left;
	font-size: 1em;
	color: #a5a5a5;
	width: 740px;
	margin-left: 10px;
	padding-left: 20px;
}

div#footer span { float: left; padding-right: 20px; }

div#footer a
{	
	float: left;
	color: #a5a5a5;
	text-decoration: underline;
	padding: 1px 2px;
}

	div#footer a:hover { color: #fff; background: #c91c15; }

	div#footer ul { float: left; display: inline; }
	
		div#footer li { float: left; padding-right: 10px; }

/* features */
ul#features
{
	width: 728px;
	float: left;
	margin: 0 0 10px 20px !important;
	margin/**/:/**/ 0 0 10px 10px;
	overflow: hidden;
}

	ul#features img
	{
		width: 354px;
		padding-top: 20px;
	}

	ul#features li.feature-left
	{
		float: left;
		width: 354px;
	}
			
	ul#features li.feature-right
	{
		float: right;
		width: 354px;
	}

/* product list links - not used currently */
ul#product-list-links
{
	width: 500px;
	height: 90px;
	float: left;
	margin: 20px 0 0 30px !important;
	margin/**/:/**/ 20px 0 0 20px;
}

	ul#product-list-links li { width: 150px; float: left; margin-bottom: 3px; }

	ul#product-list-links li a { float: left; padding: 1px 2px; background-color: #cccfc8; }
	
		ul#product-list-links li a:hover { float: left; color: #fff; background-color: #c91c15; }

/* product list */
div#product-list
{
	width: 748px;
	float: left;
	margin: 50px 0 0 10px !important;
	margin/**/:/**/ 50px 0 0 5px;
}

	div#product-list div.product-left { width: 364px; padding: 0 10px; float: left; }

	div#product-list div.product-right { width: 364px; float: right; }

	div#product-list h4
	{
		width: 354px;
		height: 105px;
		float: left;
		padding-top: 20px;
		text-decoration: none;
	}
	
	div#product-list h4 a
	{
		width: 354px;
		height: 105px;
		float: left;
		background: url('product_box.png') no-repeat left top;
	}

	div#product-list h5 { color: #000; padding: 15px 0 0 10px; }

		div#product-list a:hover, a.selected { background: url('product_box_on.png') no-repeat left top; }

		* html div#product-list h4 a {  background: url('product_box.gif') no-repeat; }

			* html div#product-list a:hover, a.selected { background: url('product_box_on.gif') no-repeat; }
		
		div#product-list span.product-title
		{
			width: 300px;
			font-size: 0.9em;
			color: #c91c15;
			font-weight: bold;
			text-decoration: underline;
			float: left;
			margin: 15px 0 5px 20px;
		}
		
		div#product-list span.product-desc
		{
			width: 300px;
			font-size: 0.8em;
			font-weight: normal;
			float: left;
			margin: 0 0 5px 20px;
		}

div#product-content
{
	width: 748px;
	float: left;
	margin: 20px 0 10px 10px;
}

	div#product-content h3 { font-size: 1.3em; color: #c91c15; }

	div#product-content h4 { font-size: 1.2em; color: #000; }
	
	div#product-content a { font-size: 1em; color: #c91c15; text-decoration: underline; }

	div#product-content a.large-link
	{
		font-size: 1.2em;
		color: #c91c15;
		text-decoration: underline;
	}
	
	
	div#product-content ul 
	{
		width: 100%;
		margin: 10px 0 10px 0;
		font-size: 1.1em;
		color: #000;
		float: left;
		list-style-image: url('bullet.gif');
		list-style-type: disc;
	}
	
	div#product-content ul li ul
	{
	    font-size:1em;
	    margin-top:0px;
	}
	
		div#product-content li
		{
			margin-left: 15px;
		}
		
	div#product-content #left-content
	{
		width: 314px;
		float: left;
		padding-left: 20px;
	}
	
	div#product-content #centre-content
	{
		width: 192px;
		float: left;
		padding-left: 20px;
	}
	
	div#product-content #right-content
	{
		width: 192px;
		float: left;
		padding-left: 10px;
	}

div#contactus-content
{
	width: 748px;
	float: left;
	margin: 20px 0 0 10px;
}

	div#contactus-form
	{
		width: 546px !important;
		width/**/:/**/ 536px;
		float: left;
		padding-left: 20px;
	}

		div#contactus-form fieldset
		{
			font-size: 1.1em;
			float: left;
			border: none;
		}

			div#contactus-form dl
			{
				width: 253px;
				float: left;
				margin-right: 10px;
			}

				div#contactus-form dd
				{
					width: 253px;
					font-weight: bold;
					color: #ce1711;
					margin: 0;
					padding-bottom: 3px;
					float: left;
				}
				
				div#contactus-form dt
				{
					width: 253px;
					padding-bottom: 10px;
					float: left;
				}
				
				div#contactus-form input
				{
					width: 240px;
					height: 12px;
					font-size: 0.9em;
					float: left;
				    padding: 2px;
				}
				
				div#contactus-form input.red-border
				{
					width: 240px;
					height: 14px;
					font-size: 0.9em;
					float: left;
					padding: 2px;
					border: solid 1px #ce1711;
				}
				
				div#contactus-form input.contact-send
				{
					width: 47px;
					height: 61px;
					float: right;
				}
				
				div#contactus-form select { font-size: 0.9em; float: left; }
				
	div#contact-right-content
	{
		float: left;
		width: 174px;
		height: 390px;
		margin-top: 10px;
		background: url('contact_info_bg.gif') no-repeat;
	}
	
		div#contact-info
		{
			width: 120px;
			float: left;
			padding: 10px 10px 0 20px;
		}

			div#contact-info p { width: 120px; float: left; }
			
			div#contact-info h6
			{
				width: 120px;
				font-size: 1.1em;
				color: #ce1711;
				float: left;
				padding-top: 10px;
			}
			
			div#contact-info a { float: left; }
			
			div#contact-info a.red-link { float: left; color: #ce1711; }

/* extranet login */
div#logon_panel { padding: 0 30px; }

    div#logon_panel div { padding-top: 10px; }

div#logon_panel fieldset
{
	width: 100%;
         font-size: 1.1em;
	float: left;
	border: none;
}

	div#logon_panel dl
	{
		width: 253px;
		float: left;
		margin-right: 10px;
	}

		div#logon_panel dd
		{
			width: 253px;
			font-weight: bold;
			color: #ce1711;
			margin: 0;
			padding-bottom: 3px;
			float: left;
		}
		
		div#logon_panel dt
		{
			width: 253px;
			padding-bottom: 10px;
			float: left;
		}
		
		div#logon_panel input
		{
			width: 240px;
			height: 12px;
			font-size: 0.9em;
			float: left;
		    padding: 2px;
		}
		
		div#logon_panel input.red-border
		{
			width: 240px;
			height: 14px;
			font-size: 0.9em;
			float: left;
			padding: 2px;
			border: solid 1px #ce1711;
		}
		
		div#logon_panel .submit
		{
			width: 50px;
			height: 25px;
			float: right;
		}
	
		div#logon_error, div#pwd_error, div#logon_success, div#pwdchanged_success, div#logon_before
		{
			float: left;
			font-size: 1.1em;
			color: #ce1711;
			padding-bottom: 20px;
		}
		
		div#logon_before a, div#logon_success a { color: #ce1711; text-decoration: underline; }
		div#logon_before span, div#logon_success span { font-size: 1em; color: #000; }

/* partner registration */
div#register-form
{
	width: 546px !important;
	width/**/:/**/ 536px;
	float: left;
	padding-left: 30px;
}

	div#register-form fieldset
	{
		font-size: 1.1em;
		float: left;
		border: none;
	}

		div#register-form dl
		{
			width: 253px;
			float: left;
			margin-right: 10px;
		}

			div#register-form dd
			{
				width: 253px;
				font-weight: bold;
				color: #ce1711;
				margin: 0;
				padding-bottom: 3px;
				float: left;
			}
			
			div#register-form dt
			{
				width: 253px;
				padding-bottom: 10px;
				float: left;
			}
			
			div#register-form input
			{
				width: 240px;
				height: 12px;
				font-size: 0.9em;
				float: left;
			    padding: 2px;
			}
			
			div#register-form input.red-border
			{
				width: 240px;
				height: 14px;
				font-size: 0.9em;
				float: left;
				padding: 2px;
				border: solid 1px #ce1711;
			}
			
			div#register-form .submit
			{
				width: 50px;
				height: 25px;
				float: right;
			}

/* partner page */
ul#partner-documents
{
	width: 100%;
	float: left;	
	padding: 20px 0 20px 0;
}

    ul#partner-documents li
    {
		width: 364px;
		height: 71px;
		float: left;
		padding-right: 20px;
	}
	
	ul#partner-documents li a, ul#partner-documents li p { padding-left: 90px; }
	ul#partner-documents li.pdf-doc { background: url('pdf.gif') left top no-repeat; }
	ul#partner-documents li.word-doc { background: url('word.gif') left top no-repeat; }
	ul#partner-documents a { font-size: 1.2em; color: #c91c15; font-weight: bold; text-decoration: underline; }
    
/* general content */
div#general-content
{
	width: 700px;
	float: left;
	padding: 20px 30px;
}

	div#general-content a { font-size: 1em; color: #c91c15; text-decoration: underline;	}
	
	div#general-content ul 
	{
		width: 100%;
		margin: 10px 0 10px 0;
		font-size: 1.1em;
		color: #000;
		float: left;
		list-style-image: url('bullet.gif');
		list-style-type: disc;
	}
	
		div#general-content li
		{
			margin-left: 15px;
		}