@charset "utf-8";
/* CSS Document */

html					{height:100%;}
body					{height:100%; margin:0px; padding:0px; background:#272D70; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000066;}
body.home				{background:url('../images/botfastner.gif') no-repeat; background-position:493px 465px; background-color:#272D70;}

/*h1						{position:absolute; left:-9999px; top:-9999px;}*/
h1						{background:#272D70; margin:0px; padding:20px 0 20px 130px; font-size:30px; font-weight:normal;}

ul						{color:#000000;}
ul span					{color:#000066;}

#navList				{width:100px; position:absolute; left:0px; top:0px; background:#F7DC00; margin:0px; padding:0px; font-size:10px; text-align:center; z-index:999;}
#navList li				{display:block; margin:5px 0 5px 0; width:100%;}
#navList li a			{display:block; padding:40px 0 0 0; position:relative;}
#navList li a:hover		{background-position:center -71px;}
#navList li a a			{background:#F7DC00; width:100%; display:block; position:absolute; bottom:0px; left:inherit;}

/*********************NAVIGATION BUTTONS*********************/
#navList .home			{background:url('../images/menu/home.gif') no-repeat center top;}
#navList .deals			{background:url('../images/menu/deals.gif') no-repeat center top;}
#navList .accounts		{background:url('../images/menu/accounts.gif') no-repeat center top;}
#navList .service		{background:url('../images/menu/service.gif') no-repeat center top;}
#navList .products		{background:url('../images/menu/products.gif') no-repeat center top;}
#navList .news			{background:url('../images/menu/news.gif') no-repeat center top;}
#navList .findUs		{background:url('../images/menu/findUs.gif') no-repeat center top;}
#navList .advice		{background:url('../images/menu/advice.gif') no-repeat center top;}

#navList.home .home, #navList.deals .deals, #navList.accounts .accounts, #navList.service .service, /*keeps the button down when ul is given same class*/
#navList.products .products, #navList.news .news, #navList.findUs .findUs, #navList.advice .advice {background-position:center -71px; text-decoration:none; color:#000000;}

/*********************BOTTOM NAVIGATION*********************/
#bottomNav				{width:650px; text-align:center; font-size:10px; color:#ffffff; clear:both; margin:0 0 0 100px; padding:0 0 10px 0; background:#272D70;}
#bottomNav li			{display:inline;}
#bottomNav li a			{color:#ffffff;}
#bottomNav li a:hover	{color:#7CB3F1;}

#mainContent			{background:url('../images/menu/bg.gif') repeat-y; background-color:#ffffff; width:610px; padding:20px 20px 20px 120px; margin-bottom:10px; position:relative;}
/********************* FORM STYLES *********************/
#contactForm			{}
#contactForm label		{display:block;}	
#contactForm input		{display:block; width:200px;}
#contactForm textarea	{width:400px; height:90px;}
#contactForm #submit,
#contactForm #reset		{width:60px; display:inline; margin:10px 5px 10px 5px;}

/********************* LIST STYLES *********************/
#productList			{list-style:none; padding:0px; margin:0px 0 10px 0; font-size:12px; width:98%; clear:both;}
#productList h3			{font-size:12px; margin:5px 0 5px 0; color:#000066;}
#productList img		{float:right; margin:-8px 0 0 0; border:1px solid #0000FF;}
#prodListHeader			{float:right; width:100px; font-weight:bold;}

#productList ul			{list-style:none; font-size:10px; padding:0; margin:0; width:130px; float:left;}
#productList ul li		{display:block; margin:0; color:#000066;}

/********************* DIV STYLES *********************/
#homeContent			{width:550px; height:360px; float:left; padding:20px 20px 20px 120px; background:url('../images/menu/bg.gif') repeat-y; background-color:#ffffff; position:relative;}

#homeFixings			{text-align:left; width:650px; padding:30px 0 0 100px;}
#homeFixings img		{margin:5px; vertical-align:middle;}

#homeCont				{float:left; width:65%;}
#homeCont p				{text-align:right;}
#homeDealImg			{float:left; margin:30px 40px 0 0; border:none;}
#topFastner				{position:absolute; right:0px; top:0px;}

.deals h3				{color:#ff0000; font-size:18px; text-align:center; margin-top:-10px;}
.deals p, .deals ul		{margin-left:200px;}
.deals ul li			{margin:2px 0 2px 0;}
.dealsBigText			{font-size:18px; color:#FF0000;}

.appIcon				{vertical-align:middle; margin:5px 0 5px 80px;}

#maxStrip				{margin:0 -20px -20px -20px;}
#SIGlink				{position:absolute; left:120px; bottom:10px; text-decoration:none; color:#999999;}
#SIGlink:hover			{color:#333333;}
/********************* COLOURS *********************/
.orange					{color:#FF6600;}
.pink					{color:#CC0099;}
.purple					{color:#8F6BDA;}
.blue					{color:#0066FF;}
.green					{color:#009900;}
.ltOrange				{color:#FF9933;}
.rouge					{color:#DD0048;}
.red					{color:#FF3333;}

/********************* OTHERS *********************/
.floatLeft				{float:left;}
.floatRight				{float:right;}
.bold					{font-weight:bold;}
.error					{font-weight:bold; color:#ff0000;}

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