@import url(generalStyles.css);

/* -- Layout styles ----------------------------------*/

	*
	{ 

	}

	body
	{
		width: 100%;
		background: #ffffff;
		font-family: Verdana, Arial;
		font-size: 80%;
		color: #000000;
		line-height: 1.6em;
		min-width: 600px;
		margin: 0; 
		padding: 0;
		/* margin: 1%; */
	}

	#header /* -- Holds company logo and mainMenu --*/
	{
		width: 100%;
		float: left;
		/* border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000; */
		background: #5EB935;
	}

	#logo
	{
		float: left;
	}

	#contact
	{
		float: right;
		margin-top: 1%;
		margin-right: 6%;
		color: #ffffff;
	}

	/* -- Main menu ----------------------------------*/

	#mainMenu /* -- Used of every page --*/
	{
		width: 94%;
		float: left;
		margin-top: 1%;
		background: #AEDC9A;
	}

	.mainMenuItem
	{
		width: 10%;
		float: left;
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 1.2em;
		min-width: 80px;
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 1%;
		background: #AEDC9A;
		border-right: 1px solid #ffffff;
	}

	/* -- Breadcrumb ----------------------------------*/

		#breadcrumb
		{
			width: 95%;
			float: left;
			padding-left: 1%;
			padding-right: 2%;
		/*	border-left: 1px solid #000000;
			border-right: 1px solid #000000; */
		}

		.trail
		{
			width: 100%;
			float: right;
		}

	/* -- Main content ----------------------------------*/

	#mainHome /* -- Holds all main text; only used on the home page --*/
	{
		width: 95%;
		float: left;
		padding-top: 1%;
		padding-left: 1%;
		padding-right: 2%;
		/* border-left: 1px solid #000000;
		border-right: 1px solid #000000; */
	}

	#main /* -- Holds all mainContent and subMenu; used on all pages other than home --*/
	{
		width: 97%;
		float: left;
		padding-left: 1%;
		/* border-left: 1px solid #000000;
		border-right: 1px solid #000000; */
	}

	#mainNormal /* -- Holds all mainContent used on basket pages and search --*/
	{
		width: 97%;
		float: left;
		padding-left: 1%;
		padding-bottom: 1%;
		/* border-left: 1px solid #000000;
		border-right: 1px solid #000000; */
	}

	#mainContent
	{
		width: 81%;
		float: left;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 2%;
	}

	/* -- margin ----------------------------------*/

		#margin
		{
			float: left;
			padding-left: 1%;
		}

	/* -- subMenu styles ----------------------------------*/

		#subMenu
		{
			width: 14%;
			float: left;
			padding-top: 0%;
			padding-bottom: 2%;
		}

		.subMenuItem
		{
			margin-top: 1%;
			margin-bottom: 1%;
			padding-top: 1%;
			padding-bottom: 1%;
			border-bottom: 1px dashed #000000;
		}

		.subMenuItemSubList
		{
			margin-top: 1%;
			margin-bottom: 1%;
		}

		#basket
		{
			width: 100%;
			float: left;
		}

	/* -- footer styles ----------------------------------*/

	#footer
	{
		width: 100%;
		float: left;
		background: #5EB935;
		/* border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000; */
	}

	#footerLogo
	{
		width: 5%;
		float: right;
	}

	#footerImage
	{
		width: 94%;
		float: left;
		margin-right: 0%;
		background: #AEDC9A;
	}
	
	img.footerRight
	{
		float: right;
		border: none;
	}