/*cursorHand*/
.ch
{
    cursor: pointer;
}


body
{
	font: 11px Tahoma, Arial;
	background-color: #a7a7a7;
	margin: 0;
	color: #3d5770;
}
input 
{
    font: 11px Tahoma, Arial;

}

#divWrapper
{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
}

#divHeader
{
	clear: both;
	float: left;
	height: 217px;
	width: 990px;
	background-color: White;
}

#divHeaderTop
{
	clear: both;
	float: left;
	height: 50px;
	width: 990px;
	background-image: url(Images/Style/SiteTabsBackground.png);
	background-repeat: repeat-x;
}

#divSiteTabs
{
	float: left;
	height: 27px;
	width: 745px;
	margin-top: 12px;
	background-image: url(Images/Style/ShadowTabs.png);
	background-repeat: repeat-x;
}

	/* Begin SiteTabs */
	.divSiteTab
    {
        float: left;
        margin-right: 5px;
    }
	/* End SiteTabs */

#divSiteLogo
{
	float: left;	
	width: 245px;
	height: 50px;
}

#divHeaderMiddle
{
	clear: both;
	float: left;
	height: 140px;
	width: 990px;
	padding-left: 1px;
	padding-right: 1px;
}

	#divBanners            
	{
		clear: both;
		float: left;
		height: 100px;
		width: 990px;	
	}

		#divCustomBannerLeft
		{
			float: left;
			height: 100px;
			width: 328px;
		}

		#divCustomLogo
		{
			float: left;
			height: 100px;
			width: 328px;
			margin-left: 2px;/* margins are for spacing between the two banners */
			margin-right: 2px;
		}

		#divCustomBannerRight
		{
			float: left;
			height: 100px;
			width: 328px;
		}
		
			.imgCustomBanner
			{
				margin: 0 auto;
				display: block;
			}

	#divSearching
	{
		clear: both;
		float: left;
		height: 40px;
		width: 988px;
		border-top: solid 1px #d5e2ec;
	}

		#divLicencePlateSearch
		{
			position: relative;
			float: left;
			height: 31px;
			width: 149px;
			text-align: center;
			padding-top: 8px;
			z-index:4;
		}

			.txtLincencePlateSearch
			{
				position: absolute;
				top: 9px;
				left: 39px;
				background-color: #ffc925; /*Background-color tranparent gives an issue with focus lost in IE*/
				width: 81px;
				height: 19px;
				border: none;
				text-transform: uppercase;
				font-weight: bold;
				z-index: 2;
			}			
			
			.ddlLicencePlateHistory
			{
				border: none;
				border-width: 0px;
				position: absolute;
				top: 12px;
				left: 39px;				
				width: 105px;
				z-index: 1;
			}
			
			.ddlLicencePlateHistoryBE
			{
				position: absolute;
				top: 12px;
				left: 0px;				
				width: 150px;
				z-index: 1;
			}

		#divBreadCrumbCarType
		{
			float: left;
			height: 39px;
			width: 470px;
			line-height: 10px;
			padding-left: 10px;
			padding-right: 10px;
		}

		#divLoggedInUser
		{
			float: left;
			height: 39px;
			width: 349px;
		}

			#divUserInfo
			{
				float: left;
				width: 265px;
				height: 39px;
			}
				
				#divUserInfoLeft
				{
					float: left;
					width: 95px;
					height: 39px;
					line-height: 39px;					
					padding-right: 5px;
					text-align: center;
				}
				
				#divUserInfoRight
				{
					float: left;
					width: 155px;
					height: 29px;			
					padding: 5px;
				}
				
					.HyperlinkUserInfo
					{
						color: #3d5770;
						text-decoration: none;						
					}
					.HyperlinkUserInfo:hover
					{
						color: #3d5770;
						text-decoration: underline;
					}

			#divLogoutButton
			{
				float: left;
				width: 79px;
				height: 24px;
				margin-top: 8px;
				margin-left: 5px;
			}

#divHeaderBottom
{
	clear: both;
	float: left;
	height: 27px;
	width: 990px;
	padding-left: 1px;
	padding-right: 1px;
}

	#divChooseGroup
	{
		float: left;
		height: 27px;
		width: 149px;
	}
	
		.divDescSearch
		{
			float: left;
			padding-top: 3px;
			height: 24px;
			width: 150px;
			background-image: url(Images/Style/ChooseGroupHeaderEmpty.png);			
		}
				
		.CompletionListElement 
		{ 
			visibility : hidden; 
			margin : 0px! important;
			font: 11px Tahoma, Arial;
			color: #3d5770;
			border : solid 1px #d5e2ec; 
			cursor : hand;
			text-align : left; 
			list-style-type : none;			
			padding : 0; 
			z-index : 4; 
		}

		.CompletionListItem
		{
			padding: 1px; 
			z-index: 4;
			background-color: White; 
		} 

		.HighlightedCompletionListItem
		{
			color : White; 
			background-color: #7a97b3;
			padding : 1px;
			z-index : 4; 
		}

	.divModuleGroups
	{
		float: left;
		height: 27px;
		width: 594px;				
	}

	#divShoppingCartHeader
	{
		float: left;
		height: 27px;
		width: 245px;
	}

#divContent
{
	clear: both;
	float: left;	
	width: 990px;
	background-color: White;	
}

#divContentPageCon
{
	float: left;
	width: 743px;
	padding-left: 1px;	
}

#divBreadCrumbArticleSearchCon
{
	clear: both;
	float: left;
	width: 743px;
	border-bottom: solid 1px #d5e2ec;
	
	z-index:3;
	position:relative;/*must be relative else z-index won't work and articles list will fall behind tabs*/
}

.divArticleSearch
{	
	float: left;
	width: 150px;
	height: 25px;
	line-height: 25px;
	background-color: #d5e2ec;	
}

	.m_txtArticleSearchWatermark
	{
		font: 11px Tahoma, Arial;
		font-style: italic;
	}	

#divBreadCrumb
{
	position: relative;
	float: left;
	width: 583px;
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
	padding-right: 5px;	
}

	.BreadCrumbHyperlink
	{		
		color: #e61613;		
		text-decoration: underline;		
	}
	
	.BreadCrumbHyperlink:hover
	{		
		font-weight: bold;
	}

.divPageContainer /* Must be a class and not an id because the div is runat=server */
{
	float: left;
	width: 740px;
	margin-top: 3px;
	min-height: 338px;
}

#divMasterShoppingCartContainer
{
	float: left;
	width: 245px;
}

#divFunShopPoints
{
	clear: both;
	float: left;
	width: 225px;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(Images/Style/BackgroundPoints.png);
	background-repeat: repeat-x;
}

#divMasterShoppingCart
{
	clear: both;
	float: left;
	width: 245px;
}

#divOrderMasterShoppingCart
{
	clear: both;
	float: left;
	width: 129px;
	height: 28px;	
	background-color: #ecf4f9;
	border-left: solid 1px #d5e2ec;
	padding-left: 105px;
	padding-right: 10px;
	padding-top: 2px;	
}

#divMaintenanceQuatation
{
	clear: both;
	float: left;
	width: 245px;
	height: 25px;
	background-image: url(Images/Style/BackgroundPoints.png);
	background-repeat: repeat-x;
}

	#divQuatation
	{
		float: left;
		margin-left: 8px;
	}
	
	#divMaintenance
	{
		float: right;
		margin-right: 7px;
	}	

#divFooter
{
	clear: both;
	float: left;	
	width: 990px;
	height: 31px;
	background-color: White;
	background-image: url(Images/Style/divFooterbg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 1px;
}

	#divFunctionButtons
	{
		float: left;
		width: 724px;
		height: 27px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
	}
	
	#divDisclaimer
	{
		float: left;
		width: 216px;
		height: 30px;
		line-height: 28px;
		padding-left: 10px;
		padding-right: 20px;
		text-align: right;
	}




/* Begin Hyperlinks */
.Hyperlink, .EmptyDataRow a
{	
	color: #3d5770;
	text-decoration: none;
	cursor: pointer;
}

.Hyperlink:hover, .EmptyDataRow a:hover
{	
	color: #3d5770;
	text-decoration: underline;
	cursor: pointer;
}

.EditFormButtons a
{
	color: #3d5770;
	text-decoration: none;
	cursor: pointer;
}

.EditFormButtons a:hover
{
	color: #3d5770;
	text-decoration: underline;
	cursor: pointer;
}

/* End Hyperlinks */


/* Begin ModalPopUp VehicleTypeDetails */
.m_pnlVehicleTypeDetails
{
	background-color: #f1f4f9;
	border: solid 5px #d5e2ec;
	padding: 10px;
	width: 420px;
}

	#divVehicleTypeDetails
	{
		height: 310px; 
		overflow-y: auto; 
		overflow-x: hidden;
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

		.m_dvVehicleTypeDetails
		{
			border: solid 2px #d5e2ec;
			margin: 0px auto;
		}
/* End ModalPopUp VehicleTypeDetails */


/* Begin DynamicMessagesPopUp */
.m_pnlDynamicMessagesPopUp
{    
    width: 520px;
    background-color: #f1f4f9;
	border: solid 5px #d5e2ec;
	padding: 10px;
}

	#divDynamicMessagePopUpImageTextCon
	{
		clear: both;
		float: left;
		width: 500px;    
	}

		.m_btnDynamicMessagePopUpClose
		{
			margin: 0px auto;
		}

.PopUpBackground
{
	background-color: White;
	opacity: 0.01;
	filter: alpha(opacity=1);
}

.PopUpBackgroundDark
{
	background-color: Black;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
/* End DynamicMessagesPopUp */


/* Begin LoadingModalPopUpExtender */
.divPnlProgressPopUp
{
	width: 300px;	
	height: 60px;
	background-color: #f1f4f9;
	border: solid 5px #d5e2ec;
	padding: 10px;
}
/* End LoadingModalPopUpExtender */


/*Begin centric custom spinedit style*/
/*NAMING ARE SMALL TO KEEP PERFORMANCE UP!*/

/*CENTRIC SPINEDIT QUANTITY (THE TEXT BOX)*/
.CSQ
{
    background-color:White;
    border:1px solid #9f9f9f;
    width:50px;
    height:19px;
}

/*Centric spin edit text*/
.CSPE_T
{
    float:left;
    width:40px;
}
/*the textbox*/
.CSPE_T INPUT
{
    width:35px;
    margin:1px;
    height:16px;
    padding:0;
    border:0px;
    text-align:right;
}
/*Centric spin edit button*/
.CSPE_B
{
    float:right;
    width:8px;
    height:16px;
    margin-top:1px;
    margin-right:1px
}

.CentricSpinEditInvalidValue
{
    display:none;
    color:Red;
}

/*.CentricSpinEditButtonUp*/
.SCPEBU
{
    width:8px;
    height:8px;
    cursor:pointer;
    background-image: url("Images/Buttons/Plus.png");
}

/*.CentricSpinEditButtonDown*/
.SCPEBD
{
    clear:both;
    width:8px;
    height:8px;
    margin-top:1px;
    cursor:pointer;
    background-image: url("Images/Buttons/Minus.png");
}
/*End centric custom spinedit style*/