/******************************************************************************
 Body
*******************************************************************************/
body
{
	font-family: Tahoma;
	font-size:10pt;
	white-space:nowrap;
	background-color:#f5f5f5;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color: #003876;
}

/******************************************************************************
 Title row - the top part of each web page in this application.
*******************************************************************************/
.TitleRow
{
	margin-top:2%;
	margin-left:0%;
	padding:0 0 0 0;
	text-align:center;
	color:White;
	z-index:2;
	background-image:none;
	background-color:transparent;
}

.TitleRow .UserSubArea
{
	border:none;
	background-color:Transparent;
	background-image:none;
	padding:1px 0 1px 0;
	margin:0 0 0 0;
	white-space:normal;
	font-size:9pt;
	font-weight:normal;
	color: #003876;
	height:auto;
}

.TitleRow .UserSubArea Label
{
	color:Red;
	display:inline;
	font-size:9pt;
	color: #003876;
	padding:1px 6px 1px 6px;
	font-weight:bold;
	text-align:center;
	background-image:none;
	text-decoration:underline;
	width:auto;
}

.TitleRow .UserSubArea a
{
	display:inline;
	font-size:9pt;
	color: #003876;
	padding:1px 6px 1px 6px;
	font-weight:bold;
	text-align:center;
	background-image:none;
	text-decoration:underline;
	width:auto;
}

/******************************************************************************
 Menu area - for navigation etc..
*******************************************************************************/
.MenuArea
{
	left:0%;
	width:23%;
	height:2700px;
	float:left;
	position:absolute;
	margin:3% 0 0 0;
	padding:160px .5% 0px .5%;
	background-color:transparent;
	border:none;
	white-space:nowrap;
	z-index:1;
}

.MenuArea ul
{
	margin-top:130px;
	list-style-type:none;
	left:2%;
	width:96%;
	background-image:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.MenuArea li
{
	margin:4px 0 4px 0;
	padding:0 0 0 0;
	left:0%;
	background-color:Transparent;
	text-align:center;
	text-decoration:none;
	color: #003876;
	vertical-align:middle;
	font-weight:bold;
	font-size:100%;
	white-space:nowrap;
	border-left:solid 2px gray;
	border-top:solid 2px gray;
	border-right:solid 2px gray;
	border-bottom:solid 2px gray;
	border-collapse:collapse;
}

.MenuArea a
{
	background-image: url(Images/BtnRollover.bmp);
	background-repeat:repeat-x;
	overflow:hidden;
	background-position:0% 0%;
	left:0%;
	display:block;
	width:100%;
	color: #003876;
	vertical-align:middle;
	font-weight:bold;
	font-size:100%;
	padding:2px 0 2px 0;
	white-space:nowrap;
	text-decoration:none;
}

.MenuArea a:hover
{
	background-position:0% 100%;
	font-weight:bold;
	text-decoration:none;
	color:white;
	cursor:hand;
}

.MenuArea .SpecialItem
{
	color:Blue;
}

.MenuArea .AdminItem
{
	color:Red;
}

/******************************************************************************
 centre column - all pages
*******************************************************************************/
.ContentArea
{
	margin-left:24%;
	margin-right:0%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	background-color:Transparent;
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-top:none;
	font-weight:normal;
	white-space:normal;
}

.ContentArea h2
{
	color: #003876;
	background-color:transparent;
	border:none;
	font-size:14pt;
	font-weight:bold;
	margin:0 0 0 0;
	padding:5px 0 5px 0px;
}

.ContentArea legend
{
	color: #003876;
	background-color:transparent;
	border:none;
	font-size:12pt;
	font-weight:bold;
	margin:0 0 0 0;
	padding:5px 0 5px 0px;
}

.LabelColumn
{
	font-weight:normal;
	text-align:right;
	padding-right:2px;
	padding-left:0px;
	color: #003876;
	font-size:9pt;
}

.LabelColumnMandatory
{
	font-weight:bold;
	text-align:right;
	padding-right:2px;
	padding-left:0px;
	color: #003876;
	font-size:9pt;
}

.ContentArea fieldset
{
	background-image:none;
	background-color:transparent;
	border-style:none;
	padding-top:5px;
	padding-bottom:5px;
	margin:0 0 0 0;
	white-space:nowrap;
	font-size:9pt;
}

.ContentArea .PersonalDetails
{
	font-size:11pt;
	white-space:nowrap;
	padding:0 0 0 0;
	color: #003876;
}

.ContentArea .PersonalDetails .FrameSetTitleRow
{
	display:block;
	font-size:11pt;
	font-weight:bold;
	width:100%;
	margin:5px 0 2px 0;
	padding:2px 0 2px 2px;
	text-decoration:none;
	border:none;
	color: #003876;
	background-color: #b0c4de;
}

.ContentArea .AddressDetails .FrameSetTitleRow
{
	display:block;
	font-size:11pt;
	font-weight:bold;
	width:100%;
	margin:5px 0 2px 0;
	padding:2px 0 2px 2px;
	text-decoration:none;
	border:none;
	color: #003876;
	background-color: #b0c4de;
}

.ContentArea .BusinessDetails .FrameSetTitleRow
{
	display:block;
	font-size:11pt;
	font-weight:bold;
	width:100%;
	margin:5px 0 2px 0;
	padding:2px 0 2px 2px;
	text-decoration:none;
	border:none;
	color: #003876;
	background-color: #b0c4de;
}

.ContentArea .CarOwnerDetails .FrameSetTitleRow
{
	display:block;
	font-size:11pt;
	font-weight:bold;
	width:100%;
	margin:5px 0 2px 0;
	padding:2px 0 2px 2px;
	text-decoration:none;
	border:none;
	color: #003876;
	background-color: #b0c4de;
}

.ContentArea .CommunicationsPreferences .FrameSetTitleRow
{
	display:block;
	font-size:11pt;
	font-weight:bold;
	width:100%;
	margin:5px 0 2px 0;
	padding:2px 0 2px 2px;
	text-decoration:none;
	border:none;
	color: #003876;
	background-color: #b0c4de;
}

.ContentArea .TermsAndConditions .FrameSetTitleRow
{
	display:block;
	font-size:11pt;
	font-weight:bold;
	width:100%;
	margin:5px 0 2px 0;
	padding:2px 0 2px 0;
	text-decoration:none;
	border:none;
	color: #003876;
	background-color: #b0c4de;
}

.ContentArea .AddressDetails
{
	font-size:11pt;
	white-space:nowrap;
	color: #003876;
	padding:0 0 0 0;
	margin:5px 0 0 0;
}

.ContentArea .BusinessDetails
{
	font-size:11pt;
	white-space:nowrap;
	padding-left:2px;	
	margin:5px 0 0 0;
}

.ContentArea .CommunicationsPreferences
{
	font-size:11pt;
	white-space:nowrap;
	color: #003876;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.ContentArea .CommunicationsPreferences input
{
	font-size:10pt;
	white-space:nowrap;
}

.ContentArea .CommunicationsPreferences label
{
	font-size:10pt;
	white-space:nowrap;
}

.ContentArea .PersonalDetails a
{
	display:block;
	font-size:11pt;
	white-space:normal;
	text-decoration:underline;
	color:Blue;
	white-space:nowrap;
	vertical-align:middle;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.ContentArea .CarOwnerDetails
{
	font-size:11pt;
	white-space:nowrap;
	color: #003876;
	padding:0 0 0 0;
	margin:5px 0 0 0;
}

.ContentArea .CarOwnerDetails select
{
	margin-top:10px;
	width:80%;
	margin-left:10%;
}

.ContentArea .CarOwnerDetails label
{
	text-align:justify;
	font-size:10pt;
	white-space:normal;
	padding-left:2px;	
	margin:5px 0 0 0;
}

.ContentArea .InputErrors
{
	font-size:8pt;
	padding:0 0 0 0 ;
	margin:0 0 0 0;
	color: #003876;
}

.ContentArea .TermsAndConditions a
{
	color:Blue;
	text-decoration:underline;
}

.ContentArea .VINNumber
{
	background-image:url(Images/vin.jpg);
	background-repeat:no-repeat;
}

/******************************************************************************
 Data Grid controls - mostly on admin pages
*******************************************************************************/

.DataGrid
{
	background-color:white;
	color: #003876;
	font-weight:normal;
	font-size:8pt;
	text-align:Left;
	vertical-align:middle;
	width:100%;
	border:solid 1px #b0c4de;
}

.NormalRow
{
	background-color:White;
	border-top:none;
	border-bottom:none;
	border-Left:none;
	border-right:none;
	white-space:normal;
}

.NormalRow Select
{
	background-color:white;
	border:none;
	white-space:normal;
}

.NormalRow Span
{
	background-color:white;
	border:none;
	white-space:normal;
}

.NormalRow Input
{
	background-color:white;
	padding:2px 1px 2px 1px;
	border:none;
	white-space:normal;
}

.AlternateRow
{
	background-color:#efffef;
	border-top:none;
	border-bottom:none;
	border-Left:none;
	border-right:none;
	white-space:normal;
}

.EditRow
{
	background-color:#ffff99;
	white-space:normal;
}

.EditRow Select
{
	background-color:White;
	white-space:normal;
}

.EditRow Span
{
	background-color:White;
	white-space:normal;
}

.EditRow Input
{
	width:95%;
	Left:2px;
	right:2px;
	background-color:White;
	padding:2px 1px 2px 1px;
	white-space:normal;
	font-size:8pt;
}

.EditRow textarea
{
	width:95%;
	Left:2px;
	right:2px;
	padding:2px 1px 2px 1px;
	white-space:normal;
	font-family: Tahoma;
	font-size:8pt;
}


.HeaderRow
{
	background-color:#b0c4de;
	color: #003876;
	font-size:10pt;
	font-weight:bold;
	text-align:Left;
	vertical-align:middle;
	border-top:none;
	border-bottom:none;
	border-Left:none;
	border-right:none;
}

.PagerRow
{
	background-color:white;
	color: #003876;
	text-align:Left;
	vertical-align:middle;
	font-weight:bold;
}

/******************************************************************************
 Search controls on ADMIN data forms
******************************************************************************/
.AdminSearchArea
{
	font-size:8pt;
	font-weight:normal;
	margin: 5px 0 5px 0;
	padding:1px 0 1px 0;
	white-space:nowrap;
	color: #003876;
}

.AdminSearchArea Input
{
	margin-top:1px;
	margin-bottom:1px;
}

/******************************************************************************
 Product data Grid - as used in TheShop.aspx and ctlProductList.ascx
 Determines the layout of the data items in the Grid.
*******************************************************************************/
.ProductGrid
{
	background-color:transparent;
	border:none;
	margin-right:40px;
	white-space:normal;
	margin: 0 0 0 0;
	width:100%;
}

.ProductGrid .ProductName
{
	background-color:#b0c4de;
	color: #003876;
	margin: 5px 0 0 0;
	padding:5px 5px 5px 5px;
	display:block;
	position:relative;
	margin-left:0px;
	font-size:13pt;
	font-weight:bold;
	border:none;
	vertical-align:middle;
	text-align:Left;
}

.ProductGrid .ProductImg
{
	padding: 0 0 0 0;
	display:block;
	position:relative;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:10px;
	overflow:hidden;
	border:none;
	float:left;
}

.ProductGrid .ProductDesc
{
	padding: 0 0 0 0;
	display:block;
	float:none;
	position:relative;
	margin-top:20px;
	margin-left: 340px;
	margin-bottom:20px;
	margin-right:15px;
	white-space:normal;
	border:none;
	font-size:10pt;
	font-weight:normal;
}

.ProductGrid .ProductPrice
{
	display:block;
	position:relative;
	padding: 0 0 0 0;
	margin-top:15px;
	margin-left: 340px;
	border:none;
	color: #003876;
	font-size:10pt;
	font-weight:bold;
}

.ProductGrid .ProductStock
{
	display:block;
	position:relative;
	padding: 0 0 0 0;
	margin-top:15px;
	margin-left: 340px;
	border:none;
	color: #003876;
	font-size:10pt;
	font-weight:bold;
}

.ProductGrid .AddProduct
{
	display:block;
	position:relative;
	padding: 0 0 0 0;
	margin-top:15px;
	margin-left: 340px;
	margin-bottom:30px;
	border:none;
	color:blue;
	font-size:10pt;
	font-weight:bold;
}

.ProductGrid .ProductRow
{
	border:none;
	background-color:Transparent;
	color: #003876;
	font-weight:normal;
}

.ProductGrid .PagerRow
{
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	text-align:right;
	vertical-align:middle;
	font-size:10pt;
	font-weight:normal;
	border-top:solid 2px #b0c4de;
}

.ProductGroupTable
{
	margin:10px 2px 10px 2px;
	font-weight:bold;
	color: #003876;
}


/******************************************************************************
 Data Grid for shopping cart
*******************************************************************************/
.ShoppingCartGrid
{
	background-color:transparent;
	font-size: 10px;
	font-family: Tahoma;
	color: #003876;
	font-weight:normal;
	text-align:Left;
	vertical-align:middle;
	border:none;
	width:100%;
	margin-top:0px;
}

.ShoppingCartGrid .NormalRow
{
	font-size:10pt;
	color: #003876;
	background-color:transparent;
	border:none;
	white-space:normal;
	margin:10px 2px 10px 2px;
	width:auto;
}

.ShoppingCartGrid .HeaderRow
{
	background-color:#b0c4de;
	color: #003876;
	font-size:10pt;
	font-weight:bold;
	text-align:Left;
	vertical-align:middle;
	border-top:none;
	border-bottom:none;
	border-Left:none;
	border-right:none;
}

.ShoppingCartGrid .PagerRow
{
	background-color:Gray;
	color:white;
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	font-size:8pt;
}

.ShoppingCartGrid .EditRow
{
	font-size:10pt;
	color: #003876;
	background-color:transparent;
	border:none;
	white-space:normal;
	margin:10px 2px 10px 2px;
}

.ShoppingCartGrid .EditRow input
{
	font-size:10pt;
	color: #003876;
	Left:2px;
	background-color:#ffff99;
	padding:2px 1px 2px 1px;
	white-space:normal;
	border:solid 1px navy;
}

.ShoppingLink
{
	border:none;
	background:transparent;
	margin:0 0 0 0;
	padding:5px 0 5px 5px;
	color:Blue;
	text-decoration:underline;
}

.ShoppingLinkHeader
{
	background:navy;
	border:navy;
	color:White;
	font-size:12pt;
	font-weight:bold;
	margin:12px 0 0 0;
	padding:12px 0 12px 0;
	width:100%;
}

/******************************************************************************
 Web ring link at bottom of index page
*******************************************************************************/
.PageFooter
{
	background-color:transparent;
	font-family:Tahoma;
	font-size:8pt;
	color: #003876;
	font-weight:normal;
	margin-top:2%;
	margin-left:24%;
	float:none;
}

.PageFooter table
{
	margin:0 0 0 0;
	border:none;
	padding:2px 2px 2px 2px;
	font-size:8pt;
}

.PageFooter img
{
	display:block;
	left:2px;
	top: 2px;
	border:none;
}

/******************************************************************************
 Checkout page
*******************************************************************************/
.Checkout
{
	width:100%;
	font-size:10pt;
	font-weight:normal;
}

.Checkout span
{
	margin:0 0 0 0;
	padding:2px 0 0 10px;
	font-size:10pt;
	white-space:normal;
}

.Checkout .DeliveryTotal span
{
	width:100%;
	text-align:left;
	font-size:10pt;
	font-weight:normal;
}

.Checkout .OrderTotal span
{
	width:100%;
	text-align:left;
	font-size:14pt;
	font-weight:bold;
}

.Checkout .CheckOutHeading
{
	background-color:#b0c4de;
	color: #003876;
	font-size:12pt;
	font-weight:bold;
	text-align:Left;
	vertical-align:middle;
	border:none;
	margin-top:3pt;
	padding:2pt;
}

.Checkout .ShoppingCartGrid
{
	background-color:transparent;
	color: #003876;
	font-weight:normal;
	font-size:10pt;
	text-align:Left;
	vertical-align:middle;
	border:none;
	width:100%;
}

.Checkout .ShoppingCartGrid .NormalRow
{
	background-color:transparent;
	border:solid 1px #b0c4de;
	white-space:normal;
	margin:5px 2px 5px 2px;
	width:auto;
}

.Checkout .ShoppingCartGrid .HeaderRow
{
	background-color:#b0c4de;
	color: #003876;
	font-size:12pt;
	font-weight:bold;
	text-align:Left;
	vertical-align:middle;
	border:none;
	margin-top:3pt;
	padding:2pt;
}

/******************************************************************************
 Sub header (with google search and flags)
*******************************************************************************/
.SubHeader
{
	display:block;
	background-color:transparent;
	font-family:Tahoma;
	font-size:8pt;
	color: #003876;
	font-weight:normal;
	margin-top:1%;
	margin-left:24%;
	float:none;
	
}

.SubHeader Table
{
	width:98%;
	border:none;
}

.SubHeader td
{
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	color: #003876;
}

.SubHeader input
{
	padding-left:2px;
	font-size:8pt;
	font-weight:bold;
	color: #003876;
}

.SubHeader li
{
	padding-left:2px;
	font-size:8pt;
	font-weight:bold;
	color: #003876;
	text-decoration:none;
	float:left;
	list-style-type:none;
	
}

.SubHeader .GoogleSearch img
{
	display:block;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/******************************************************************************
 Site posters
*******************************************************************************/
.Poster img
{
	display:block;
	text-align:center;
}

.Poster span
{
	display:block;
	text-align:center;
	color:red;
	width:100%;
	white-space:normal;
}

.Poster a
{
	display:block;
	text-align:center;
	color:#b0c4de;
	font-weight:bold;
}

.Posters
{
	display:inline-block;
	background-color:transparent;
	font-family:Tahoma;
	font-size:8pt;
	color: #003876;
	font-weight:normal;
	margin-top:1%;
	margin-left:24%;
	float:none;
}

.Posters table
{
	display:block;
	border:none;
	white-space:normal;
}

.Posters td
{
	position:relative;
	display:inline-block;
	border:none;
	/*width:24%;
	height:220px;*/
	color: #003876;
	padding-top:5px;
}

.Posters td img
{
	display:inline-block;
	text-align:center;
	border:none;
	padding:0 0 0 0;
}

.Posters td a
{
	display:block;
	margin-top:2px;
	font-weight:bold;
	border:none;
	width:100%;
	height:5%;
	white-space:normal;
	text-align:center;
	color: #003876;
}

.Posters td span
{
	font-weight:normal;
	display:block;
	border:none;
	margin-top:55%;
	height:20%;
	white-space:normal;
	text-align:center;
	padding:2px 2px 2px 2px;
	margin-top:2px;
	color: #003876;
}

.Posters .Address
{
	display:block;
	font-weight:normal;
	border:none;
	white-space:nowrap;
	text-align:center;
	margin:2px 0 0 0;
	color: #003876;
}

/******************************************************************************
 Generic content
*******************************************************************************/
.GenericContent
{
	margin-left:24%;
	margin-right:0%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	background-color:Transparent;
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-top:none;
	font-weight:normal;
	white-space:normal;
}

.GenericContent h1
{
	color: #003876;
	background-color:transparent;
	border:none;
	font-size:16pt;
	font-weight:bold;
	margin:0 0 0 0;
	padding:5px 0 5px 0px;
}

.GenericContent h2
{
	color: #003876;
	background-color:transparent;
	border:none;
	font-size:14pt;
	font-weight:bold;
	margin:0 0 0 0;
	padding:5px 0 5px 0px;
}

.GenericContent h3
{
	color: #003876;
	background-color:transparent;
	border:none;
	font-size:12pt;
	font-weight:bold;
	margin:0 0 0 0;
	padding:5px 0 5px 0px;
}

.GenericContent h4
{
	color: #003876;
	background-color:transparent;
	border:none;
	font-size:11pt;
	font-weight:bold;
	margin:0 0 0 0;
	padding:5px 0 5px 0px;
}

.GenericContent p
{
	width:100%;
	white-space:normal;
	text-align:left;
	color: #003876;	
}

.GenericContent li
{
	white-space:normal;
	text-align:left;
	color: #003876;	
}

.GenericContent img
{
	white-space:normal;
	text-align:center;
	color: #003876;	
}

.GenericContent a
{
	white-space:normal;
	text-align:center;
	color: blue;	
	font-weight:bold;
	text-decoration:underlined;
}

.GenericContent table
{
	width:98%;
}

/******************************************************************************
 New footer
*******************************************************************************/
.NewFooter1
{
	display:block;
	margin-left:24%;
	white-space:normal;
	text-align:center;
	padding-top:30px;
	font-size:10pt;
	font-weight:bold;
}

.NewFooter2
{
	display:block;
	margin-left:24%;
	white-space:normal;
	text-align:center;
	padding-top:10px;
	font-size:8pt;
}

.NewFooter3
{
	display:block;
	margin-left:24%;
	white-space:normal;
	text-align:center;
	padding-top:10px;
	font-size:8pt;
}