﻿html, *
{
    margin: 0;
    padding: 0;
}

body 
{
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #727272;
    background: #000 url('../gfx/bg-body.gif') repeat-y top center;
}

/*
========= AROUND ALL CONTENT ===========
===== CENTERS THE PAGE HORIZONTALY =====
*/
div#body_container
{
	/*
		HAX! to make page centred but
		one px further to left
	*/
	padding:0;
	margin:10px auto 0 auto;
	width:982px;
	position:relative;
	background-color:transparent;
	}

div#main_content
{
	padding:0;
	margin:0;
	width:980px;
	position:relative;
	background-color:transparent;
	}
	
/*
=========== AROUND THE MENU ============
==== CONTAINS IMAGES WITH LINKS ON =====
*/
div#main_menu
{
	width:980px;
	height:92px;
	position:absolute;
	top:0;
	left:0;
	background:transparent url('../gfx/menu/main_top.jpg') no-repeat 0 0;
	}
	
div#top_menu
{
	background:transparent url('../gfx/menu/main_top.jpg') no-repeat 0 0;
	position:absolute;
	left:0;
	top:0;
	height:50px;
	width:980px;
	}
div#sub_menu_left
{
	position:absolute;
	background:transparent url('../gfx/menu/main_btm_left.png') no-repeat 0 0;
	left:0;
	top:50px;
	height:42px;
	width:306px;
	}
	
div#sub_menu
{
	position:absolute;
	background:transparent url('../gfx/menu/main_bottom.jpg') no-repeat 0 0;
	left:306px;
	top:50px;
	height:31px;
	width:370px;
	}
	
div#sub_menu_right
{
	position:absolute;
	background:transparent url('../gfx/menu/main_btm_right.png') no-repeat 0 0;
	left:676px;
	top:50px;
	height:42px;
	width:306px;
	}
	
div#sub_menu_bottom
{
	position:absolute;
	background:transparent url('../gfx/menu/main_btm_mdl.png') no-repeat 0 0;
	left:305px;
	top:81px;
	height:11px;
	width:372px;
	}

/*
===== THE ACTUAL CONTENT AREA =======
=====================================
*/
div#content
{
	padding-top:64px;
	background-color:#fff;
	}
	
img
{
	border:none;
	}
	
/*
========= THE FOOTER ==========
== CONTAINS IMAGE WITH LINKS ==
===============================
*/

div#footer
{
	float:left;
    background: transparent url('../gfx/footer/main.jpg') no-repeat top left;
    height: 23px;
    width: 685px;
    padding:0 0 0 295px;
}

div#footer a
{
	display:block;
	float:left;
	height:15px;
	}

/*
===== HOVER OVER FOOTER LINKS REPLACE LINKS W IMAGE =====
*/

a.my_fiat {width:44px;}
a.my_fiat:hover {background:transparent url('../gfx/footer/my_fiat_hover.jpg') no-repeat 0 0;}

a.search {width:47px;}
a.search:hover {background:transparent url('../gfx/footer/search_hover.jpg') no-repeat 0 0;}

a.sitemap {width:53px;}
a.sitemap:hover {background:transparent url('../gfx/footer/sitemap_hover.jpg') no-repeat 0 0;}

a.help {width:36px;}
a.help:hover {background:transparent url('../gfx/footer/help_hover.jpg') no-repeat 0 0;}

a.glossary {width:54px;}
a.glossary:hover {background:transparent url('../gfx/footer/glossary_hover.jpg') no-repeat 0 0;}

a.T_C {width:43px;}
a.T_C:hover {background:transparent url('../gfx/footer/T_C_hover.jpg') no-repeat 0 0;}

a.privacy {width:48px;}
a.privacy:hover {background:transparent url('../gfx/footer/privacy_hover.jpg') no-repeat 0 0;}

a.fiat_vans {width:54px;}
a.fiat_vans:hover {background:transparent url('../gfx/footer/fiat_vans_hover.jpg') no-repeat 0 0;}

/*
======= PNG FIX FOR IE6 ========
================================
*/
*html .pngfx
{ 
    behavior: url('scripts/iepngfix.htc'); 
}