@charset "utf-8";
/* CSS Document */
/************** GLOBAL **************/
html					{height:100%;}
body					{background:url('images/backgrounds/background.gif') repeat-x; background-color:#ffffff; margin:0px; padding:0px; height:100%; font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, p		{margin:0px; padding:0px;}
h1						{color:#925946; font-family:Arial Black, Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; font-size:24px; text-align:center; background:#FFFFFF;margin-top:18px; line-height:28px; z-index:999;}
h2						{color:#215A86; font-size:18px;}
h3						{color:#FF0000; font-size:18px;}
a						{text-decoration:none;}
a:hover					{text-decoration:underline;}
/************** LAYOUT **************/
#container				{width:750px; margin:0 auto 0 auto; position:relative; height:100%;}
#mainBackground			{position:absolute; left:0px; top:110px; width:746px; border:3px solid #BEBEBE; background:url('images/backgrounds/mainBackground.gif') repeat-y; background-color:#526BA3;}
#mainHeader				{position:absolute; left:208px; top:11px; z-index:999;}
#navigation				{position:absolute; left:0px; top:-103px; margin:0 0 0 22px; width:165px; border:1px solid #D5D3D6; z-index:999; background-color:#D4D4D4;}
#mainContent			{position:relative; z-index:998; background:#ffffff; border:1px solid #D5D3D6; text-align:center; padding:30px 10px 30px 10px; width:498px; margin:0 0 10px 205px;}
#footer					{position:absolute; bottom:-3px; left:-3px; background:url('images/backgrounds/footer.gif') no-repeat; height:40px; width:752px; z-index:999;}
/************** LAYOUT DIVS **************/
#headerImg				{position:absolute; top:0px; left:0px;}

#navigation				{letter-spacing:-1px; font-size:14px;}
#navigation #navList	{position:relative; padding:0px; margin:20px 0 0 0; list-style:none;}
#navigation #navList li a{border:1px solid #DDDDDD; display:inline-block; padding:10px 0 10px 38px; margin:0px; background:url('images/navigation/button_down.gif') no-repeat; background-position:10px 10px; text-decoration:none; color:#666666; width:125px;}
#navigation #navList li a:hover{background:url('images/navigation/button_up.gif') no-repeat; background-position:10px 10px; padding-left:48px; width:115px;}

#footer p				{position:absolute; left:24px; bottom: 25px; text-align:center; width:167px;}
#footer p a				{color:#333333; font-size:12px;}

#mainBackground .topColor{background:#133788; height:100px; margin-bottom:10px;}

#mainContent #welcomeText{text-align:left; color:#215A86;}

.suppliesBox			{background:#FCF9E5; border:1px solid #000000; margin:3px; margin-bottom:10px; padding:5px; color:#215A86; font-size:12px; text-align:left;}
.suppliesBox h3			{color:#FF0000; text-align:left; font-weight:normal; margin:7px; font-size:16px; font-weight:bold;}
.suppliesBox h4			{text-align:left;}
.suppliesBox a			{color:#215A86; text-decoration:none;}
.suppliesBox a:hover	{text-decoration:underline;}
.suppliesAddress		{text-align:left; margin:5px 0 5px 0;}
.suppliesImage			{float:right; border:1px solid #000000; margin:5px 0 5px 0;}
.supplierLinks			{float:left; width:230px; padding:5px 5px 10px 5px;}
.supplierLogos			{text-align:center; margin:10px;}
.supplierMap			{text-align:center;}
.supplierMap a			{font-size:16px; font-style:italic; font-weight:bold;}

#contact, #contact a	{color:#215A86;}
/************* ENQUIRIES FORM *************/
#enquiriesForm			{text-align:left;}
#enquiriesForm label	{width:100px; display:inline-block; vertical-align:top; margin-top:8px; text-align:left; font-size:12px;}
#enquiriesForm input,
#enquiriesForm textarea	{width:350px; margin:5px; background:#EAEAEA; border:1px solid #999999; font-weight:bold; font-size:11px; padding:3px; font-family:Arial, Helvetica, sans-serif;}
#enquiriesForm input.btn{width:50px; height:30px; background:#ffffff; color:#000066;}
#enquiriesForm p		{color:#215A86; font-size:14px; text-align:center; margin-bottom:30px;}
.error					{color:#FF0000; font-size:12px; font-weight:bold;}
/**************** CORNERS ****************/
#navTop					{position:absolute; top:-1px; left:-2px;}
#contentTop				{position:absolute; top:-1px; left:-2px;}
#mainBackTop			{position:absolute; top:-3px; left:-3px;}
/**************** OTHERS ****************/
.floatLeft				{float:left;}
.floatRight				{float:right;}

.cleaner				{overflow:hidden; clear:both; height:1px; margin:-1px;}