#logo				{background-image:url(../../../../images/logo_white.gif); background-repeat:no-repeat;
						 height:62px; width:156px;
						 margin-top:10px; margin-left:3px;
						}
	#righthead			{float:right; width:50%; }
	#utilitylinks		{float:right; padding-top:5px; padding-right:2em;}
	#search				{color:#000000; font-size:80%; float:right; clear:both; padding-top:1.2em; padding-right:2em;}
	#topdropmenu		{position:absolute; top:76px;}

#middle					{clear:both; border-collapse:collapse; margin-top:0px; width:100%;}
	#left				{padding-top:7px; padding-bottom:20px; padding-left:0px; padding-right:0px; 
						 vertical-align:top; width:16em;
						}
	#center				{vertical-align:top; padding-top:10px; padding-left:20px; padding-right:10px;}
	#right				{vertical-align:top; padding-top:10px; padding-right:10px; width:20em;}
	
	
#footer					{clear:both; padding-top:20px; height:40px; text-align:center;}


/* Johns css */
/* Home CSS Document */

body {background:#000000 url(../../../../images/bg.jpg) repeat-x;margin-top:0px;}

#structure {width:957px;background-color:#000000;min-height:612px;margin-right:auto;margin-left:auto;}

#header {width:957px; height:124px;background:url(../../../../images/header.jpg);z-index:200;margin-right:auto;margin-left:auto;}

#header img{display:block;}

#navContainer               {float:left;width:770px;height:48px;background-color:Black;}

#navigation 				{display:block;float:left;padding:0;display:inline;
            				 background-color:Black;margin-left:10px;height:48px;width:760px;}
            				 
/* NAVIGATION */
#navigation li.top 			{display:block; float:left;}
#navigation li a.home 		{display:block; float:left; height:48px; width:105px;padding-right:4px; cursor:pointer;}
#navigation li a.newcars 	{display:block; float:left; height:48px; width:105px;padding-right:4px; cursor:pointer;}
#navigation li a.usedcars 	{display:block; float:left; height:48px; width:105px;padding-right:4px; cursor:pointer;}
#navigation li a.aftersales {display:block; float:left; height:48px; width:105px;padding-right:4px; cursor:pointer;}
#navigation li a.motability	{display:block; float:left; height:48px; width:105px;padding-right:4px; cursor:pointer;}
#navigation li a.accessories	{display:block; float:left; height:48px; width:105px;padding-right:4px; cursor:pointer;}
#navigation li a.aboutus 	{display:block; float:left; height:48px; width:105px; padding:0; cursor:pointer;}
/*----------------------------------------------------------------------------------------------------------*/
#navigation li a.home 		{background-image:url(../../../../images/HomeButton.jpg);background-repeat:repeat-y;}
#navigation li a.newcars 	{background-image:url(../../../../images/NewCarsButton.jpg);background-repeat:repeat-y}
#navigation li a.usedcars	{background-image:url(../../../../images/UsedCarsButton.jpg);background-repeat:repeat-y}
#navigation li a.aftersales  {background-image:url(../../../../images/ServiceRapidfitButton.jpg);background-repeat:repeat-y}
#navigation li a.motability	{background-image:url(../../../../images/MotabilityButton.jpg);background-repeat:repeat-y}
#navigation li a.accessories {background-image:url(../../../../images/BodyshopButton.jpg);background-repeat:repeat-y}
#navigation li a.aboutus	{background-image:url(../../../../images/AboutUsButton.jpg);background-repeat:repeat-y}
/*----------------------------------------------------------------------------------------------------------*/
#navigation li:hover a	 	{background-position: 0 48px;}
#navigation li:hover 		{position:relative;}
#navigation a:hover 		{position:relative; white-space:normal;background-position:0 48px;}
#navigation table 			{position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#navigation li:hover a	 	{background-position: 0 48px;}
/*----------------------------------------------------------------------------------------------------------*/

#leftColumn {width:185px; height:466px;float:left;padding:0px 0px 0px 0px;background-color:Black;display:block;}

#search {width:185px; height:202px; float:left;padding:0px 0px 0px 0px;background-repeat:no-repeat; margin-top:0px}



#location {width:185px; height:189px; float:left; margin-top:10px;}

#contact {width:185px; height:52px; float:left; background-image:url(../../../../images/contactUs.jpg);background-repeat:no-repeat;margin-top:12px;}

#rightColumn {width:770px;float:left; min-height:418px; height:auto !important;height:418px; float:left; background-color:Black;display:block;}

#panelContent {width:760px; float:left;display:inline;margin-left:10px;margin-top:12px;background-color:Black;min-height:386px;}

#panel2 {width:474px; float:left; display:inline; margin-left:0px; min-height:276px; margin-right:11px;}
#panel3 {width:275px; float:left; display:inline; min-height:276px;}
#panel1 {width:760px; float:left; margin-top:14px; height:auto;}
#T1panel1 {width:760px;margin-right:10px; float:left; display:inline; min-height:382px;height:auto !important;height:382px;}
#T2panel1 {width:383px; float:left; display:inline;background-repeat:no-repeat; min-height:382px;height:auto !important;height:382px;}
#T2panel2 {width:363px;margin-right:10px; float:left; display:inline; min-height:382px;height:auto !important;height:382px;}
#T3panel1 {width:350px;float:left; display:inline;background-repeat:no-repeat; min-height:382px;height:auto !important;height:382px;}
#T3panel2container {width:386px; margin-left:10px;margin-right:10px; float:left; display:inline; min-height:405px;height:auto !important;height:405px;}
#T4panel1 {float:left; display:inline;background-repeat:no-repeat; min-height:382px;height:auto !important;height:382px;}
#T4panel2container {width:386px; margin-left:10px; float:left; display:inline; min-height:405px;height:auto !important;height:405px;}
#T3_1     {width:187px;margin-right:10px;  float:left; display:inline; min-height:197px;height:auto !important;height:197px;}
#T3_2     {width:187px;float:left; display:inline; min-height:197px;height:auto !important;height:197px;}
#T3_3     {width:187px;margin-right:10px;padding-top:10px; float:left; display:inline; min-height:197px;height:auto !important;height:197px;}
#T3_4     {width:187px;float:left;padding-top:10px; display:inline; min-height:197px;height:auto !important;height:197px;}
#T4_1     {width:122px;margin-right:10px; float:left; display:inline; min-height:123px;height:auto !important;height:123px;}
#T4_2     {width:122px;margin-right:10px; float:left; display:inline; min-height:123px;height:auto !important;height:123px;}
#T4_3     {width:122px;float:left;;display:inline; min-height:123px;height:auto !important;height:123px;}
#T4_4     {width:122px;margin-right:10px;padding-top:10px; float:left; display:inline; min-height:123px;height:auto !important;height:123px;}
#T4_5     {width:122px;margin-right:10px;padding-top:10px; float:left; display:inline; min-height:123px;height:auto !important;height:123px;}
#T4_6     {width:122px;float:left; padding-top:10px;display:inline; min-height:123px;height:auto !important;height:123px;}
#T4_7     {width:122px;margin-right:10px;padding-top:10px; float:left; display:inline; min-height:123px;height:auto !important;height:123px;}
#T4_8     {width:122px;margin-right:10px;padding-top:10px; float:left; display:inline; min-height:123px;height:auto !important;height:123px;}
#T4_9     {width:122px;float:left; display:inline;padding-top:10px; min-height:123px;height:auto !important;height:123px;}

#panel1 a {color:#ffffff; text-decoration:none;}
#panel1 a:hover {color:#e6890f;}

/*---------------------------------NEW TEMPLATE CODE----------------------------------*/

#content
{
    width:770px;
    float:left;
    display:inline;
}
#contentTop
{
    width:755px;
    height:10px;
    background-image:url(../../../../images/content-top.jpg);
    background-repeat:no-repeat;
    float:left;
    margin-left:10px;
    margin-right:5px;
    margin-top:10px;
    display:inline;
    position: relative;
    font-size:0px;
}
#contentBG
{
    width:755px;
    float:left;
    background-image:url(../../../../images/contentBg.jpg);
    margin-left:10px;
    margin-right:5px;
    display:inline;
    position: relative;
}

#contentArea
{
    margin:5px;
    display:inline;
    width:745px;
    min-height:380px
    height:auto !important;
    height:380px;
    float:left;
    font-size:10px;
}

#contentArea a:link {color:Black;}
#contentArea a:active {color:Black;}
#contentArea a:visited {color:Black;}
#contentArea p{color:#000000;}
#contentArea TD {color:#000000;}

.margin-drop        {margin-bottom:3px;}
.margin-dropEx      {margin-bottom:15px;}
.margin-dropside    {margin-bottom:3px; padding-right:3px;}
.margin-dropUp      {margin-bottom:3px;margin-top:25px;}

.marginZero         {margin:0;}
.marginRightTen     {margin-right:10px;}
.floatLeft          {float:left;font-size:0px;}


#contentBottom
{
    width:755px;
    height:8px;
    background-image:url(../../../../images/content-bottom.jpg);
    background-repeat:no-repeat;
    margin-left:10px;
    margin-right:5px;
    float:left;
    font-size:0px;
    display:inline;
}


/*------------------------------------------------------------------------------------*/

#footer {width:955px; float:left; height:auto;background-color:black; text-align:right;margin-top:10px;border-top: 1px #ffffff solid;
       margin-left:auto;margin-right: auto;overflow:hidden;font-size:12px;padding-top:5px;}

#footer a 		
{
	color:#e6890f;
	

}

#footer a:hover 		
{
	color:#ffffff;
}


.MyFavourites
{
    width:184px;float:right;
}