/*User Selectable Styles*/
.outline	{border:10px solid #ee1c25;width:660px;overflow:hidden;}
.outlineTable {border:5px solid #ee1c25;font-size:11px;width:100%;padding:0px;margin:0px;}
.outlineTable2 {border:5px solid #ee1c25;font-size:11px;padding:0px;margin:0px;}
.outlineTable td {padding:2px 12px;font-size:11px;}
.outlineTable2 td {padding:2px 12px;font-size:11px;}
.outlineTable td, .outlineTable tr, .outlineTable tbody {border-collapse:collapse;}
.color {color:#ee1c25;}

/*User Selectable Styles*/
.Heading1,H1     {color:#FFFFFF; font-family:helvetica, arial, verdana, sans-serif; 	 font-size:18px; margin-bottom:5px;}
.Heading2,H2     {color:#FFFFFF; font-family:helvetica, arial, verdana, sans-serif;  font-size:120%; font-weight:bold;}
.Heading3,H3     {color:#FFFFFF; font-family:helvetica, arial, verdana, sans-serif;  font-size:120%;}

.Heading4,H1.head     {color:#FFFFFF;font-size:18px;}
.Normal          {color:#FFFFFF; font-size:small; font-family:helvetica, arial, verdana, sans-serif; }
.Bold            {color:#FFFFFF; font-size:small; font-family:helvetica, arial, verdana, sans-serif;  font-weight:bold;}
.italic          {color:#FFFFFF; font-size:small; font-family:helvetica, arial, verdana, sans-serif;  font-weight:normal; font-style:italic;}
.underline       {color:#FFFFFF; font-size:small; font-family:helvetica, arial, verdana, sans-serif;  text-decoration:underline;}
.liststyle		 {color:#FFFFFF; font-size:small; font-family:helvetica, arial, verdana, sans-serif;  font-weight:bold; margin-left:4px;}
.TableHeader     {color:#FFFFFF; font-family:helvetica, arial, verdana, sans-serif;  font-size:120%; font-weight:bold;margin-top:5px;}
.TableText       {color:#FFFFFF; font-family: helvetica, arial, verdana, sans-serif;  font-size:10px;}

/* User Table Colour Styles */
/* These styles define the basic properties for tables in the Immediacy Editor */

	/* Default Table */
	table.ImmTS_Default		{background-color:#eeeeff;} /* Overall table style */

	table.ImmTS_Default th, 
	table.ImmTS_Default td	{padding:2px; margin:2px;} /* Cell padding and spacing styles */

	table.ImmTS_Default, 
	table.ImmTS_Default th, 
	table.ImmTS_Default td	{border:1px solid #666666;} 
	     
	table.ImmTS_Default th	{background-color:#0099cc; color:white;} 
	table.ImmTS_Default tr	{}
	table.ImmTS_Default td	{color:black;  background-color:#333333; color:white;}

/* Template Colour Styles */
/* Changes the colour of sections of the page dependant on the style sheet in use */

#header	{background-color:#7183C3;  border-bottom:1px solid #7183C3; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#687BBE', EndColorStr='#DFEFFF');}
#left	{background-color:#eeeeee; border-right:1px solid #7183C3;}

/* Mozilla Fix for problem with header section not attaching to top */
#header	{border-top:1px solid #7183C3;}

/*Side Menu Color Selection Styles */

	/* All Level Styles*/
	#sidemenu			{background-color:#eeeeee;}
	#sidemenu .head		{color:#ffffff; background-color:#687BBE;}	
	#sidemenu a			{}
	#sidemenu a:hover	{}

	/* Level 0 Styles */
	#sidemenu a.L0					{color:#000000; background:#eeeeee;}					/* defines level 0 link */
	#sidemenu a.L0 SPAN.hc			{background-image:url(../../../images/rtArwGrey.gif);}  /* defines level 0 bullet for children */
	#sidemenu a.L0 SPAN.nc			{background-image:url(../../../images/sqBltGrey.gif);}  /* defines level 0 bullet for no children */

	#sidemenu a.L0sel				{color:#000000; background:#a5a5a5;}					/* defines level 0 if selected page */
	#sidemenu a.L0sel SPAN.hc		{background-image:url(../../../images/rtArwWhite.gif);} /* defines level 0 bullet for children if selected page */
	#sidemenu a.L0sel SPAN.nc		{background-image:url(../../../images/sqBltWhite.gif);} /* defines level 0 bullet for no children if selected page*/
	#sidemenu a.L0sel:hover			{color:#000000; background:#a5a5a5;}					/* in this case effectively suppresses the hover effect for selected pages */
	
	#sidemenu a.L0:hover			{color:#000000; background:#D5DCF5;}					/* defines the level 0 hover effect */
	#sidemenu a.L0:hover SPAN.hc		{background-image:url(../../../images/rtArwGrey.gif);}  /* defines the level 0 hover bullet for children */
	#sidemenu a.L0:hover SPAN.nc		{background-image:url(../../../images/sqBltGrey.gif);}  /* defines the level 0 hover bullet for no children */
	
	/* Level 1 Styles */	
	#sidemenu a.L1					{color:#000000; background:#dddddd;}
	#sidemenu a.L1 SPAN.hc			{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L1 SPAN.nc			{background-image:url(../../../images/sqBltGrey.gif);}

	#sidemenu a.L1sel				{color:#000000; background:#a5a5a5;}
	#sidemenu a.L1sel SPAN.hc		{background-image:url(../../../images/rtArwWhite.gif);}
	#sidemenu a.L1sel SPAN.nc		{background-image:url(../../../images/sqBltWhite.gif);}
	#sidemenu a.L1sel:hover			{color:#000000; background:#a5a5a5;}
	
	#sidemenu a.L1:hover			{color: #000000; background:#D5DCF5;}	
	#sidemenu a.L1:hover SPAN.hc		{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L1:hover SPAN.nc		{background-image:url(../../../images/sqBltGrey.gif);}

	/* Level 2 Styles */
	#sidemenu a.L2					{color:#000000; background:#d5d5d5;}
	#sidemenu a.L2 SPAN.hc			{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L2 SPAN.nc			{background-image:url(../../../images/sqBltGrey.gif);}

	#sidemenu a.L2sel				{color:#000000; background:#a5a5a5;}
	#sidemenu a.L2sel SPAN.hc		{background-image:url(../../../images/rtArwWhite.gif);}
	#sidemenu a.L2sel SPAN.nc		{background-image:url(../../../images/sqBltWhite.gif);}
	#sidemenu a.L2sel:hover			{color:#000000; background:#a5a5a5;}

	#sidemenu a.L2:hover			{color: #000000; background:#D5DCF5;}	
	#sidemenu a.L2:hover SPAN.hc		{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L2:hover SPAN.nc		{background-image:url(../../../images/sqBltGrey.gif);}
	
/*Top Drop Down Menu Color Selection Styles */

	/* All Level Styles*/
	#topdropmenu			{border-top:1px solid #7183C3; background:#D5DCF5;}	
	#topdropmenu a			{}
	#topdropmenu a:hover	{}

	/* Level 0 Styles */
	#topdropmenu UL UL.L0			{}	/* level 0 "leaf" properties - not really a leaf since its the top level */
	#topdropmenu a.L0hc				{color:#2D407C; border-right:1px solid #7183C3; background:#D5DCF5 url(../../../images/dnArwGrey.gif) right center no-repeat;}  /* level 0 item with children properties. defines background color and bullet image */
	#topdropmenu a.L0nc				{color:#2D407C; border-right:1px solid #7183C3; background:#D5DCF5;} /* level 0 item with no children properties. defines background color*/
	
	#topdropmenu a.L0hc:hover		{color: #000000; background:#ffffff url(../../../images/dnArwGrey.gif) right center no-repeat;}	/* hover effect for level 0 with children */
	#topdropmenu a.L0nc:hover		{color: #000000; background:#ffffff;} /* hover effect for level 0 with no children */

	
	/* Level 1 Styles */
	#topdropmenu UL UL.L1			{border:1px solid black;}
	#topdropmenu a.L1hc				{color:#000000; background:#e5e5e5 url(../../../images/rtArwGrey.gif) right center no-repeat;}
	#topdropmenu a.L1nc				{color:#000000; background:#e5e5e5;}
	
	#topdropmenu a.L1hc:hover		{color:#000000; background:#ffffff url(../../../images/rtArwGrey.gif) right center no-repeat;}	
	#topdropmenu a.L1nc:hover		{color:#000000; background:#ffffff;}

	/* Level 2 Styles */
	#topdropmenu UL UL.L2			{border:1px solid black;}
	#topdropmenu a.L2hc				{color:#000000; background:#d8d8d8 url(../../../images/rtArwGrey.gif) right center no-repeat;}
	#topdropmenu a.L2nc				{color:#000000; background:#d8d8d8;}
	
	#topdropmenu a.L2hc:hover		{color:#000000; background:#ffffff url(../../../images/rtArwGrey.gif) right center no-repeat;}	
	#topdropmenu a.L2nc:hover		{color:#000000; background:#ffffff;}
	

/*-------------------------------------*/
/*MENU*/
/*-------------------------------------*/

#navigation 						{padding:0; margin:0; list-style:none; height:31px; position:relative;width:930px;z-index:200;background:#333333 url(../../../images/nav_mini.jpg) repeat-x;}
#navigation li.top 					{display:block; float:left;}
#navigation li a.home_button 		{display:block; float:left; height:31px; width:62px;padding:0; cursor:pointer;}
#navigation li a.new_cars 			{display:block; float:left; height:31px; width:62px;padding:0; cursor:pointer;}
#navigation li a.used_cars 			{display:block; float:left; height:31px; width:66px; padding:0; cursor:pointer;}
#navigation li a.used_cars2			{display:block; float:left; height:31px; width:66px; padding:0; cursor:pointer;}
#navigation li a.servicing2		 	{display:block; float:left; height:31px; width:64px; padding:0; cursor:pointer;}
#navigation li a.servicing		 	{display:block; float:left; height:31px; width:64px; padding:0; cursor:pointer;}
#navigation li a.accessories 		{display:block; float:left; height:31px; width:77px; padding:0; cursor:pointer;}
#navigation li a.special_offers 	{display:block; float:left; height:31px; width:87px; padding:0; cursor:pointer;}
#navigation li a.aftersales 		{display:block; float:left; height:31px; width:99px; padding:0; cursor:pointer;}
#navigation li a.corporate_sales 	{display:block; float:left; height:31px; width:101px; padding:0; cursor:pointer;}
#navigation li a.finance 			{display:block; float:left; height:31px; width:59px; padding:0; cursor:pointer;}
#navigation li a.bodyshop			{display:block; float:left; height:31px; width:80px; padding:0; cursor:pointer;}
#navigation li a.e_news				{display:block; float:left; height:31px; width:272px; padding:0; cursor:pointer;}


#navigation li a.home_button 		{background:url(../../../images/home_button.jpg);}
#navigation li a.new_cars 			{background:url(../../../images/new_cars.jpg);}
#navigation li a.used_cars 			{background:url(../../../images/used_cars.jpg);}
#navigation li a.used_cars2 		{background:url(../../../images/used_cars.jpg);}
#navigation li a.servicing2		 	{background:url(../../../images/servicing.jpg);}
#navigation li a.servicing		 	{background:url(../../../images/servicing.jpg);}
#navigation li a.accessories 		{background:url(../../../images/accessories.jpg);}
#navigation li a.special_offers 	{background:url(../../../images/special_offers.jpg);}
#navigation li a.aftersales			{background:url(../../../images/aftersales_button.jpg);}
#navigation li a.corporate_sales 	{background:url(../../../images/corporate_sales.jpg);}
#navigation li a.finance 			{background:url(../../../images/finance.jpg);}
#navigation li a.bodyshop 			{background:url(../../../images/body_repairs.jpg);}
#navigation li a.e_news 			{background:url(../../../images/e-news.jpg);}



#navigation li:hover a,
#navigation a:hover 				{background-position: 0 31px;z-index:200; color:#FFFFFF; line-height:18px; font-size:9px; z-index:200;}

#navigation .sub					{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#navigation li:hover 				{position:relative; z-index:200;  }
#navigation a:hover 				{position:relative; white-space:normal; z-index:200;}

#navigation :hover ul.sub			{left:0px; top:30px; width:127px; height:auto; z-index:300; background-color:#454546; color:#FF0000;}

#navigation :hover ul.sub li 		{display:block; height:26px; position:relative; float:left; width:125px; font-weight:normal; font-size:11px; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black;}
#navigation :hover ul.sub li a 		{display:block; height:26px; width:125px; cursor:pointer; font-size:9px; font-weight:normal; color:#FFFFFF; font-size:11px;}

#navigation :hover ul.sub li a:hover 	{background-position: 0 28px; position:relative; background-color:#0099cc; width:125px; height:26px; color:#FFFFFF; font-size:11px; font-weight:normal}

#navigation .sub2					{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
#navigation :hover ul.sub2			{left:30px; top:30px; width:195px; height:auto; z-index:300; background-color:#454546;}
#navigation :hover ul.sub2 li 		{display:block; height:26px; position:relative; float:left; width:195px; font-weight:normal; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black;}
#navigation :hover ul.sub2 li a 		{display:block; height:26px; width:195px; cursor:pointer; font-size:11px; color:#FFFFFF; font-weight:normal; text-decoration: none;}
#navigation :hover ul.sub2 li a:hover 	{background-position: 0 28px; position:relative; background-color:#0099cc; width:195px; height:26px; color:#FFFFFF; font-size:11px; font-weight:normal}


/*-------------------------------------*/
/*Standard Menu*/
/*-------------------------------------*/

#navigation_standard						{padding:0; margin:0; list-style:none; height:35px; left:0px; position:relative;width:442px;z-index:300;}
#navigation_standard li.top 				{display:block; float:left;}
#navigation_standard li a.williams_group 	{display:block; float:left; height:35px; width:154px;padding:0; cursor:pointer;}
#navigation_standard li a.contact_us 		{display:block; float:left; height:35px; width:83px;padding:0; cursor:pointer;}
#navigation_standard li a.news 				{display:block; float:left; height:35px; width:61px;padding:0; cursor:pointer;}
#navigation_standard li a.locations 		{display:block; float:left; height:35px; width:70px;padding:0; cursor:pointer;}
#navigation_standard li a.about_us 			{display:block; float:left; height:35px; width:74px;padding:0; cursor:pointer;}


#navigation_standard li a.williams_group 	{background:url(../../../images/williams_group.gif);}
#navigation_standard li a.contact_us 		{background:url(../../../images/contact_us.gif);}
#navigation_standard li a.news 				{background:url(../../../images/news.gif);}
#navigation_standard li a.locations 		{background:url(../../../images/locations.gif);}
#navigation_standard li a.about_us 			{background:url(../../../images/about_us.gif);}

#navigation_standard li:hover a,
#navigation_standard a:hover 				{background-position: 0 35px;z-index:300; color:#FFFFFF; line-height:18px;}

#navigation_standard .standard_sub			{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#navigation_standard li:hover 				{position:relative; z-index:300;  }
#navigation_standard a:hover 				{position:relative; white-space:normal; z-index:300;}

#navigation_standard :hover ul.standard_sub	{left:-9px; top:26px; width:125px; height:auto; z-index:400; background-color:#454546; color:#FF0000;}

#navigation_standard :hover ul.standard_sub li 		{display:block; height:26px; position:relative; float:left; width:125px; font-weight:normal;  border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; text-decoration: none;}
#navigation_standard :hover ul.standard_sub li a 	{display:block; height:26px; width:125px; cursor:pointer; font-size:11px; color:#FFFFFF; font-weight:normal; text-decoration: none;}

#navigation_standard :hover ul.standard_sub li a:hover 	{background-position: 0 28px; position:relative; background-color:#0099cc; width:125px; height:26px; color:#FFFFFF; font-size:11px; font-weight:normal}

