@import url("ctlBrandShowcase.ascx.css");
@import url("ctlCategoryHeader.ascx.css");
@import url("ctlColoursAcrossList.css");
@import url("ctlExtendedItemList.ascx.css");
@import url("ctlImageWithZoomInfo.ascx.css");
@import url("ctlPriceListPriceBlock.css");
@import url("ctlSidebarNavigation.ascx.css");
@import url("frmAccountProfile.aspx.css");
@import url("frmBrandExpandedSize.aspx.css");
@import url("frmCatalogueByBrandSelection.aspx.css");
@import url("frmCategorySearch.aspx.css");
@import url("frmCheckoutFinished.aspx.css");
@import url("frmHelp.aspx.css");
@import url("frmItemDetails.aspx.css");
@import url("frmNewItems.aspx.css");
@import url("frmQuickAdd.css");
@import url("frmReferralRequest.aspx.css");
@import url("frmShoppingCart.aspx.css");
@import url("rptCatalogueByBrand.aspx.css");
@import url("Designs.css");
@import url("landingpage.css");
@import url("modalPopup.css");
@import url("ctlPager.css");

/*
 * STANDARD ELEMENTS ======================================================
 */

body
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Verdana;
	font-size: x-small;
	background-repeat: repeat-y;
	background-image: url(../images/sidebar_background.gif);
}

select
{
	font-family: Verdana;
	font-size: x-small;
}

a img
{
	border:none;
}

.readOnlyText
{
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	background-color: white;
	border-right-width: 0px;
}

h1
{
	font-family:Verdana;
	color:#6495ED;
}

h3
{
	font-family: Verdana;
}

h5
{
	font-family: Verdana;
	font-style: italic;
	color: #000033;
	padding-bottom: 2px;
}

.noWrap
{
	white-space:nowrap;
}

/*
 * STATUS BOX ELEMENTS ==================================================
 */

.informationalBox
{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: medium;
	padding: 5px 5px 5px 5px;
	color: Green;
	border: solid 3px green;
}


		.informationalBox a
		{
			font-family: Arial;
			font-size: medium;
			font-weight: bold;			
		}

.errorBox
{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: Red;
	border: solid 3px red;
}

		.errorBox a
		{
			font-family: Arial;
			font-size: medium;
			font-weight: bold;			
		}

/*
 * LAYOUT ELEMENTS ======================================================
 */

#divPageHeader
{
	width:100%;
	background-image:url('../images/header.jpg');
	background-repeat: repeat-x;
	height:100px;	
}

/* shopping cart ===================================== */
		
		#embeddedCartBar
		{
			width: 300px;
			height: 100px;
			top: 0;
			right:0px;
			position: absolute;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			background-image:url('../images/shoppingcart.jpg');
			background-repeat:no-repeat;

		}

#divStandard_headerContent
{

	float: left;
	display:inline;
	width: 100%;
	vertical-align:bottom;
}


	#divStandard_headerContent a
	{
		color: black;
		text-decoration:none;
	}
	
	#divStandard_headerContent a:hover
	{
		text-decoration:underline;
	}
			
	#tblMainNav  .CustomerNumber
	{	
	height:75px;
	white-space:nowrap;
	color: Red;
	width:560px;
	vertical-align:bottom;
	}
	
	#tblMainNav  .JBBrands
	{	
	white-space:nowrap;
	}
	
	#tblMainNav a
	{
		text-decoration:none;
	}


/* MAIN LEVEL NAVIGATION ============================================== */

#ulMainNav
{
	list-style-type: none;
	display: inline;
	margin-left: 0px;
	text-indent: 0px;
	padding-left: 0px;
	color:black;
	font-family: verdana;
	font-weight: bold;
	font-size: 8pt;
}

		#ulMainNav li
		{
			margin-left: 0px;
			text-indent: 0px;
			list-style-type: none;
			display: inline;
		}
		
		#ulMainNav *[href]
		{
			color: black;
		}


#tblStandard_Layout
{
	width: 100%;
	border-style: none;
	border-collapse: collapse;
	border-width: 0px;
}

		#tblStandard_Layout td
		{
			text-align: left;
			vertical-align: top;
		}
		
				/* LOGIN BOX ========================================================== */
						
				#divStandard_headerLogin
				{
					font-size: small;
					text-align:left;
					height: 1em;
				}
				
						#divStandard_headerLogin *[href]
						{
							color: White;
						}
						
						#divStandard_headerLogin a
						{
							color: White;
							text-decoration:none;
						}
						
						#divStandard_headerLogin a:hover
						{
							text-decoration:underline;
						}
		/* Search Container ================================================== */
		
		#searchContainer
		{
			background-color:cornflowerblue;
			padding-top:5px;
			width: 100%;
			display: block;
			padding-bottom: 2px;
			margin-bottom: 2px;
			text-align: left;
			vertical-align: top;
			background-color: #6495ed;
			color: white;
		}
		

				#searchContainer  .AdvancedSearchSelected
				{
					font-weight: bold;
				}
				
				#searchContainer  .searchContainer a
				{
					text-decoration: none;
					color: white;
				}
				
				#searchContainer  .searchContainer a:hover
				{
					text-decoration: underline;
				}
				
				/* when the search box is empty and has no text */
				#searchContainer  .searchBoxBlurred
				{
					width: 300px;
					height: 20px;
					font-family:Verdana;
					border-style: none;
					color: Gray;
				}

				/* when the search box is focussed */
				#searchContainer  .searchBoxFocussed
				{
					width: 300px;
					font-family:Verdana;
					border-style: none;
					color: Black;
				}

				#_ctl0_btnSubmitHeaderSearch
				{
					border-style: solid;
					border-width: 1px;
					border-color: #000033;
					font-family: Verdana;
					font-size: xx-small;
					width: 24px;
				}

												
		/* SIDE BAR NAVIGATION ================================================== */
		
		#tblStandard_Layout .tdSideMenu
		{
			width: 150px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
			
			  #tblStandard_Layout img
			  {
					border: none;
			  }
				
				
				
				/* Login link in sidebar ============================================== */

				#divLoginControl
				{
					padding-left: 3px;
					padding-top: 2px;
					padding-bottom: 5px;
					border: 1px cornflowerblue solid;
					color: #FFFFFF;
					width: 148px;
					/* background-color: #FF0000;*/
				}
				
						#divLoginControl a
						{
							font-family: Verdana;
							font-size: small;
							font-weight: bold;
							color: #FFFFFF;
							text-decoration: none;
						}
												
						#divLoginControl a:hover
						{
							text-decoration:underline;
						}
						
						#divLoginControl a.loginBtn
						{
							height: 30px;
							font-size:16px;
							color: #ffffff; 
							text-decoration: none !IMPORTANT; 
							display: block; 
							line-height: 100%; 
							padding: 2px 8px 8px 8px;
							margin: 0px;
							background: #990066;
							cursor: auto;
						}

						#divLoginControl a.loginBtn:hover
						{ 
							color: #FFFFCC !IMPORTANT; 
							background: #000066;
						}


				/* account tools navigation in sidebar ===================================== */
				
				#divSidebarLoggedInNavigation
				{
					margin-top: 1px;
					padding-left: 2px;
					padding-right: 0px;
					padding-top: 0px;
					padding-bottom: 5px;
					border-width: 1px;
					border-color:white;
					width: 150px;
				}
				
						#divSidebarLoggedInNavigation span
						{
							display: block;
							color: white;
							display: block;
							margin-bottom: 2px;
							padding-left:2px;
							padding-top: 3px;
							padding-bottom: 3px;
							text-align: left;
							text-decoration: none;
							font-size: small;
							background-color: #000033;
						}

						#divSidebarLoggedInNavigation a
						{
							color: White;
							display: block;
							margin-top: 0px;
							margin-bottom: 0px;
							border-style: solid;
							border-top-width: 0px;
							border-left-width: 0px;
							border-right-width: 0px;
							border-bottom-width: 1px;
							border-bottom-color: #b5cfff;
							padding-bottom: 4px;
							padding-top: 2px;
							text-decoration: none;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							font-style: normal;
						}
										
						#divSidebarLoggedInNavigation a:hover
						{
							color: White;
							text-decoration: underline;
						}

						#divSidebarLoggedInNavigation a:visited
						{
							color: White;
						}
						
						#divSidebarLoggedInNavigation .selected
						{
							font-weight: bold;
						}

		#tblStandard_Layout .tdContent
		{
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding-left: 2px;
			padding-right: 0px;
			padding-top: 0px;
			padding-bottom: 0px;			
		}
		
		#divPLCContentContainer
		{
			padding-top: 3px;
			padding-bottom: 3px;
			padding-left: 4px;
			padding-right: 4px;
		}
		
		#tblStandard_Layout .tdFooter
		{
			padding-left: 4px;
			padding-right: 3px;
			padding-top: 3px;
			padding-bottom: 3px;			
		}