body {
	margin: auto;
	padding: 0;
	width: 770px;
	border: none;
}
a, a:hover, p, td, li, ul, th, table {
	font-family: arial;
	font-size: 12px;
	text-align: left;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
}
h1 {
	font-family: arial;
	font-size: 15px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
h2 {
	font-family: arial;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-align: left;
}
h3 {
	font-family: arial;
	font-size: 15px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
h4 {
	font-family: arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-align: right;
}
img {
	border: none;
	padding: 0;
	margin: 0;
}


.clearboth {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}

.maincontainer {
	float: left;
	background-color: #4A6A31;
	width: 710px;
	text-align: left;
	margin: 0;
	padding: 0 30px 0 30px;
}

.headertop {
	float: left;
	width: 710px;
	height: 55px;
	border-bottom: 3px #6E8F54 solid;
}
	.headertopright {
		float: right;
		width: 425px;
	}
		.headertopright p{
			float: right;
			text-align: right;
			color: #DCD2AF;
			padding: 16px 0 0 0;
			margin: 0;
			font-weight: bold;
			font-size: 16px;
		}
	.headertopleft {
		float: right;
		width: 285px;
		padding-top: 10px;
	}

.header {
	float: left;
	width: 710px;
	height: 31px;
	border-bottom: 3px #6E8F54 solid;
}
	.header p, .header a, .header a:hover, .header a:visited {
		color: #DCD2AF;
		padding: 5px 0px 10px 0px;
		word-spacing: 3px;
		font-weight: bold;
		text-decoration: none;
		font-size: 12px;
	}
	.header p{
        padding-left: 8px;
    }
.homemaincontent {
	float: left;
	width: 707px;
	border-bottom: 3px #6E8F54 solid;
	padding: 0;
	margin: 0 3px 0 0;
}

.homeleft {
	float: left; 
	width: 448px;
	padding: 0;
	margin: 0;
}
	.homeleft img{
		padding: 12px 0 0 0;
	}

.homeright {
	float: right; 
	width: 259px;
	padding: 0 0 12px 0;
	margin: 0;
}
	.homeright img{
		padding: 12px 0 0 0;
	}
	.homeright h1{
		color: #DCD2AF;
		padding: 12px 0 0 0;
		font-size: 18px;
	}
	.homeright p{
		color: #DCD2AF;
	}
.contactbar {
	float: left;
	padding: 0;
	margin: 0;
	width: 710px;
	height: 55px;
}
	.contactbar img {
		padding-top: 15px;
	}

	.productsearch {
		float: left;
		padding: 0;
		margin: 0 3px 0 0;
		width: 707px;
	}
	.productsearch input{
		float: right;
		color: #000000;
		padding-top: 2px;
		font-weight: bold;
	}
	.productsearch p{
		float: right;
		color: #DCD2AF;
		font-weight: bold;
	}
	.productsearch a, .productsearch a:hover, .productsearch a:visited {
		color: #DCD2AF;
		text-decoration: none;
	}

	.productsearch table {
		float: left;
		padding: 0;
		margin: 0;
	}

.featuredproducts {
	float: left;
	width: 708px;
	padding: 2px;
	margin: 0;
}
	.featureproductbox {
		float: left;
		width: 176px;
		height: 128px;
	}
		.featureproductbox a, .featureproductbox a:hover, .featureproductbox a:visited {
			float: left;
			padding: 0px;
			margin: 10px;
			width: 156px;
			height: 108px;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
	}

.menu {
	float: left;
	width: 130px;
	padding: 0;
	margin: 0;
}
	.menu p, .menu li, .menu a, .menu a:hover, .menu a:visited {
		color: #FFFFFF;
		font-weight: bold;
		list-style-type: none;
		text-decoration: none;
	}

    .menu li {
        padding: 0 0 5px 3px;
    }
.productdisplay {
	float: right;
	width: 580px;
}
	.productdisplaytitle{
		float: left;
		background-color: #DCD2AF;
		width: 580px;
		height: 29px;
		padding: 0;
		margin: 0 0 12px 0;
	}
			.productdisplaybreadcrumb {
				float: right;
				width: 580px;
		}
			.productdisplaybreadcrumb p {
				padding: 8px 6px 0 12px;
			}
			.productdisplaybreadcrumb p, .productdisplaybreadcrumb a, .productdisplaybreadcrumb a:hover, .productdisplaybreadcrumb a:visited {
				text-align: left;
				font-size: 12px;
				color: #4A6A31;
				text-decoration: none;
				font-weight: bold;
			}
			
			.productnext {
				float: right;
				padding: 8px 6px 0 12px;
			}
			.productnext p, .productnext a, .productnext a:hover, .productnext a:visited {
				text-align: left;
				font-size: 12px;
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
			}
			
			.productprevious{
				float: left;
				padding: 8px 6px 0 12px;
			}
			.productprevious p, .productprevious a, .productprevious a:hover, .productprevious a:visited {
				text-align: left;
				font-size: 12px;
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
			}
	.productcontainer {
		float: left;
		padding: 0;
		margin: 0;
		width: 145px;
		height: 265px;
	}
		.productbackground {
			float: left;
			padding: 0;
			margin: 0;
			background-color: #6E8F54;
			height: 238px;
			width: 145px;
		}
			.productbackground img{
				padding: 0px;
			}
			.productbackground h2{
				text-align: center;
				font-size: 13px;
				color: #FFFFFF;
				font-weight: normal;
				padding: 0 2px 5px 2px;
			}
			.productbackground p{
				text-align: center;
				color: #000000;
				font-size: 11px;
				padding: 0 2px 5px 2px;
			}
.productveiw {
			float: left;
			background-color: #AEA587;
			width: 52px;
			height: 20px;
			margin: 2px 1px 0 1px;
		}
			.productveiw p, .productveiw a, .productveiw a:hover, .productveiw a:visited {
				float: left;
				color: #000000;
				padding: 2px 0 0 13px;
				text-align: center;
				font-weight: bold;
				text-decoration: none;
			}
		.addtocart {
			float: left;
			background-color: #DCD2AF;
			width: 87px;
			height: 20px;
			margin: 2px 1px 0 1px;
		}
			.addtocart input{
				color: #000000;
				background-color: #DCD2AF;
				padding: 2px 0 0 0;
				width: 87px;
				height: 20px;
				text-align: center;
				font-weight: bold;
				border: none;
			}	
		.addtocart p{
				color: #000000;
				padding: 2px 0 0 0;
				width: 87px;
				height: 18px;
				text-align: center;
				font-weight: bold;
				border: none;
			}
		.addtocart a{
		      color: #000000;
		}
		
.showproductcontainer {
	float: left;
	padding: 0;
	margin: 0 0 12px 0;
	background-color: #6E8F54;
	height: 290px;
	width: 580px;
}
		.showproductimage {
			float: right;
			width: 290px;
			height: 290px;
			padding: 0;
			margin: 0 ;
		}
			.showproductimage img {
				float: right;
				padding: 10px;
				border: none;
				margin: 0;
		}
	.showproduct {
		float: right;
		width: 270px;
		height: 270px;
		padding: 10px;
		margin: 0 ;
	}
		.showproducttitle {
			float: left;
			width: 270px;
			height: 25px;
		}
			.showproducttitle h1 {
				font-size: 16px;
				color: #FFFFFF;
			}
	.showproductdetails {
		float: right;
		width: 270px;
		height: 190px;
		margin: 0 ;
	}
		.showproductdetails p{
			color: #000000;
			padding: 0 0 4px 0;
		}
		.showproductdetails a,  .showproductdetails a:hover, .showproductdetails a:vistited  {
			text-decoration: none;
			padding: 0px;
		}
	.showproductdetails2 {
		float: right;
		width: 270px;
		height: 220px;
		margin: 0 ;
	}
		.showproductdetails2 p{
			color: #000000;
			padding: 0 0 4px 0;
		}
		.showproductdetails2 a,  .showproductdetails2 a:hover, .showproductdetails2 a:vistited  {
			text-decoration: none;
			padding: 0px;
		}
	.showproductprice {
		float: left;
		width: 270px;
		height: 21px;
		padding: 0;
		margin: 0;
	}
		.showproductprice p{
			color: #000000;
			padding: 0 0 0 0;
			font-weight: bold;
		}
		 .showproductprice input, .showproductprice form {
			padding: 0; 
			margin: 5px 0 0 0;
		 }
		
table th{
  color: #ffffff;
}

table td {
  padding: 5px;
}

#usermenu{
  border: 1px solid #ffffff;
  padding: 5px;
  float: left;
  width: 106px;
}

.menubaskettop {
	float: left;
	width: 118px;
	height: 30px;
	margin: 0 0 10px 0;
	background-color: #DCD2AF;
}
	.menubaskettop p {
		text-align: center;
		padding-top: 8px;
		font-size: 12px;
		color: #4A6A31;
		text-decoration: none;
		font-weight: bold;
	}
	.menubaskettop a, .menubaskettop a:hover, .menubaskettop a:visited {
		font-size: 12px;
		color: #4A6A31;
		text-decoration: none;
		font-weight: bold;
	}

.menubasket {
	float: left;
	width: 118px;
	padding: 0;
	margin: 0 0 12px 0;
	background-color: #6E8F54;
}
	.menubasket p {
		padding: 3px 0 3px 3px;
		font-weight: normal;
	}
.basketcontainer {
	float: left;
	padding: 0;
	margin: 0 0 12px 0;
	background-color: #6E8F54;
	width: 580px;
}
	.basketcontainer table {
		float: left;
		margin: 6px 0 0 6px;
		padding: 0;
		width: 550px;
	}
	.basketcontainer p, .basketcontainer td, .basketcontainer th {
		text-align: left;
		font-size: 12px;
		padding: 0 0 4px 0;
		margin: 0;
	}

	.basketcontainer p, .basketcontainer h1 {
		text-align: left;
		padding: 6px 0 0 12px;
		margin: 0;
	}
	.basketcontainer h1 {
		font-size: 16px;
	}
	.basketcontainer h2 {
		padding-left: 12px;
	}
	
.error {
    width: 300px;
    color: red;
    background-color: white;
    border: solid 1px black;
    padding-left: 30px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.error h2{
    font-weight: bold;
    font-size: 13px;
}

.offlineproduct{
    padding-left: 20px;
    padding-top: 5px;
}

#outercontainer{
    background-color: #6e8f54;
    color: #ffffff;
    float: left;
	padding: 0;
	margin: 0 0 12px 0;
	width: 580px;
}
    #outercontainer h2{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    #outercontainer h3{
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #DCD2AF;
    }
    
    #outercontainer ul {
        list-style-type: none;
    }
    
    #outercontainer table{
    }
    #outercontainer th{
        vertical-align: middle;
    }
    #outercontainer td{
    }
    
#contentleft{
    float: left;
    width: 565px;
    padding-left: 15px;
    background-color: #6e8f54;
}

#contentleft h1,#contentleft h2,#contentleft h3{
    font-size: 20px;
    padding: 10px 0 10px 0;
    color: #ffffff;
    background-color: #6e8f54;
}

    #contentleft h2{
        font-size: 17px;
    }

#contenttextleft{
    float: left;
    width: 365px;
    padding-left: 15px;
    background-color: #6e8f54;
}

#contenttextleft h1,#contenttextleft h2,#contenttextleft h3{
    font-size: 20px;
    padding: 10px 0 10px 0;
    color: #ffffff;
    background-color: #6e8f54;
}

#contentright{
    float: right;
}



button {
  color: #ffffff;
  background-color: #6e8f54;
  border: 1px solid #000000;
  font-weight: bold;
}

#footermenu{
    clear: both;
    padding-left: 290px;
    padding-bottom: 10px;
}

.accredbox {
		float: left;
		width: 376px;
		height: 128px;
}

.message{
  font-weight: bold;
  color: #ffffff;
  padding: 10px 0 10px 0;
  text-decoration: underline;
}




