html						{height:100%;}
body						{margin:0px; padding:0px; background:#CC0033; font-family:Arial, Helvetica, sans-serif; height:100%; color:#ffffff; position:relative;}
p, h1, h2, h3, h4			{margin:0px; padding:0px; text-align:left;}
h1							{position:absolute; left:-9999px; top:-9999px;}
h2							{font-size:20px; font-weight:normal;}
h3							{text-align:center; font-weight:normal;}
a							{text-decoration:underline; color:#FFFF00;}
/************* LAYOUT STYLES *************/
#mainHeader					{position:absolute; left:0px; top:0px; width:100%; height:120px; background:#ffffff; z-index:999;}
#navigation					{position:absolute; left:0px; top:120px; width:100%; border-top:1px solid #777777; border-bottom:1px solid #CCCCCC; height:21px; background:url('images/backgrounds/navigation.gif') repeat-x; z-index:999;}
#navList					{margin:0px; width:690px; margin-left:150px; padding:0px;}
#mainContent				{background:url('images/backgrounds/nav_Shadow.gif') repeat-x; background-position:0 143px;	padding:173px 30px 30px 30px;}
#mainContent.withPanel		{margin-left:170px;}
#homePanel					{width:170px; text-align:center; background:#ffffff; min-height:100%; height:auto; position:absolute; top:0px; left:0px; z-index:1;}
#homePanel #homeImages		{margin-top:143px; padding-top:20px; background:url('images/backgrounds/nav_Shadow2.gif') repeat-x;}
#content					{margin:auto; padding-right:220px; width:480px; position:relative;}

#mainHeader img				{margin:5px 0 5px 250px;}
/************** NAVIGATION ***************/
#navList li					{float:left; list-style:none; position:relative;}
#navList li a				{padding:2px 15px 2px 15px; margin-bottom:-2px; font-size:14px; font-weight:bold; display:inline-block; color:#ffffff; text-decoration:none;}
#navList li a:hover			{text-decoration:none;}
#navList li ul				{position:absolute; left:-9999px; top:-9999px; padding:0px; background:#666666; width:auto; border:1px solid #CCCCCC; white-space:nowrap;}
#navList li ul li			{width:125px; border:1px solid #CCCCCC; border-left:0px; border-right:0px; display:block; position:relative;}
#navList li ul li a			{font-size:12px; font-weight:normal; margin:0px; padding:0px; width:100%;}
#navList li ul li a:hover	{color:#FFFF00; background:#CC0033;}

#navList table 				{border-collapse:collapse; margin:0px; position:absolute; top:0px; left:0px;}
#navList a:hover			{visibility:visible;}
#navList :hover ul 			{top:20px; left:0px; margin-left:15px;}
#navList :hover .subSub,
#navList .subSub			{position:absolute; top:-9999px; left:-9999px;}
#navList .subIcon :hover .subSub,
#navList .subIcon:hover .subSub {top:0px; left:108px; z-index:999;}
#navList .subIcon			{background:url('images/backgrounds/menuPointer.gif') no-repeat; background-position:118px;}

#navigation.center			{padding:0px;}
#navigation.center #navList	{margin:auto;}
/***************** HEADER ****************/
#mainHeader.center			{text-align:center;}
#mainHeader.center img		{margin:5px 0 5px 0;}
#mainHeader .dateSpan		{position:absolute; top:5px; margin-left:100px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3366CC;}

/*************** TEXT STLYES *************/
#branchesCaption			{width:300px; font-size:14px;}
p.errorMsg					{font-weight:bold; font-size:12px;}
/*************** LIST STLYES *************/
#branchesList				{list-style:none; padding:0px; line-height:16px; margin:0px;}
#branchesList a				{text-decoration:none; color:#ffffff; font-size:14px;}
#branchesList a:hover		{text-decoration:underline;}

#prodGuideList				{list-style:none; padding:0px; margin:0px;}
/*************** FORM STLYES *************/
#employeeLogin label		{font-size:12px;}

#creditAppForm p			{text-align:center; margin-right:50px;}
#partnerDiv					{margin:30px 0 30px 0;}
#creditAppForm #telLabel	{margin:55px 20px 55px 0;}
#creditAppForm #tel			{margin:55px 8px 55px 8px;}

#creditAppForm,
#orderForm					{font-size:12px;}
#creditAppForm label,
#orderForm label			{display:inline-block; vertical-align:top; width:80px; margin:8px 20px 0 0;}
#creditAppForm input,
#orderForm input			{margin:8px;}
#creditAppForm textarea,
#orderForm textarea			{margin:8px; width:210px; height:110px;}
#creditAppForm h3,
#orderForm h3				{text-align:left; font-size:12px; font-weight:bold;}
#creditAppForm .left,
#orderForm .left			{float:left; width:340px;}
#creditAppForm .right,
#orderForm .right			{float:right; width:340px;}

#orderForm #prodCodeDiv		{float:left; width:180px; padding:0 0 0 20px;}
#orderForm #prodDescDiv		{float:left; width:455px; padding-right:20px;}
#orderForm #prodDescDiv	label{width:200px;}
#orderForm #prodDescDiv	input{width:450px;}
#orderForm #submit			{float:right;}

#unitCostingsPassword		{margin:5px;}
#unitCostingsPassword input	{width:100px;}
#unitCostingsPassword #submit{width:50px;}
#unitCostingsPassword label {margin-bottom:3px; display:block;}
/*************** MAP STLYES *************/
#branchMap					{background:#ffffff; color:#000000; font-size:16px; width:600px; margin:10px;}
#branchMap #map				{}
#branchMap #directions		{float:left; width:300px;}
#branchMap #addressHolder	{float:right;}
#branchMap #address			{width:260px;}
#branchMap #IGLogo			{}

/**************** DIV STLYES *************/
#content.wide				{padding-right:0px; width:700px; text-align:center;}
#wideContent				{position:absolute; left:0px; top:0px; width:700px;}

#UKMap						{}
#mapHolder					{position:absolute; right:0px; top:0px;}

.backLink					{position:absolute; bottom:0px; left:0px;}

#igButtons					{position:absolute; right:-20px; top:0px; width:210px;}
.igButton					{background:url('images/other/igButton_side.gif') repeat-y; padding:6px 0 0 6px; position:relative; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline-block; margin-bottom:6px; width:220px;}
.igButton .top				{background:url('images/other/igButton_top.gif') no-repeat; width:209px; height:7px; position:absolute; top:0px; left:0px;}
.igButton .bottom			{background:url('images/other/igButton_bottom.gif') no-repeat; width:209px; height:7px; position:absolute; bottom:0px; left:0px; margin-bottom:-7px;}
.igButton img				{float:left; padding:3px;}

#machineryUnit				{width:650px;}
#machineryUnit div			{float:left; margin:8px;}
#machineryUnit p			{font-weight:bold; font-size:12px; text-align:center;}

.dataSheets					{float:left; width:335px; margin:5px;}
.dataSheets h3				{text-align:left; font-size:16px; font-weight:bold;}
.dataSheets p				{position:relative;}
.dataSheets span			{position:absolute; left:230px; display:inline;}

.newProduct					{width:310px; height:60px; margin-bottom:8px; position:relative;}
.newProduct img				{position:absolute; right:0px; top:0px;}
.newProduct p				{width:230px;}
.newProduct a				{font-weight:bold;}

/**************** GO BACK ROLLOVER *************/
.goBackRoll					{display:block; width:105px; height:34px; background:url('images/buttons/goBackRoll.gif'); text-decoration:none;}
.goBackRoll:hover			{background-position:0 -34px;}

/************** SIG LINKS ***************/
#SIGlink					{position:fixed; bottom:0px; padding:3px 0 3px 0; background:#CC0033; text-align:center; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; width:100%; margin-left:-30px; width:100%;}
#SIGlink a					{color:#CCCCCC; text-decoration:none;}
#SIGlink a:hover			{text-decoration:underline;}

.textCenter					{text-align:center;}
.textLeft					{text-align:left;}
.padding5					{padding:5px;}
.padding10					{padding:10px;}
.larger						{font-size:140%;}
.floatLeft					{float:left;}
.floatRight					{float:right;}
.cleaner, .igButton br		{overflow:hidden; clear:both; height:1px; margin:-1px;}