
/********************
 THE LAYOUT
 ********************/

body {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #eee url(images/bodyback.gif) repeat-y center top;

}

#pagecontainer {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#topheader {
	width: 760px;
	margin: 0px 0px 0px 0px;
	background: #fff;
}

	#toplogo {
		float: left;
		width: 360px;
		padding: 5px 0 0 0;
		}

	#minicart {
		float: right;
		text-align: right;
		width: 400px;
		padding: 5px 0 0 0;
		}

#mainnav {
	clear: both;
	width: 760px;
	margin: 1px 0px 0px 0px;
	background: #286 url(images/mainnavback.jpg) repeat-x left top;
	text-align: left;
}



#breadcrumb {
	clear: both;
	width: 760px;
	margin: 1px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	background: #dddddd;
}


#mainpage {
	clear: both;
	width: 760px;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #fff;
}

	#lhsnav {
		margin: 0px 0px 0px 0px;
		float: left;
		width: 170px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		background: #fff;
	}


	#pagebody {
		margin: 0px 0px 0px 0px;
		float: left;
		width: 460px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		min-height:540px;
		height:auto;
		background: #fff;
	 }

	#pagebodyfull {
		margin: 0px 0px 0px 0px;
		float: left;
		width: 590px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		min-height:540px;
		height:auto;
		background: #fff;
	 }
	 
	form.addprod {
		border: 1px solid #286;
		padding: 10px;
	}
	
	form.addprod h2 {
		margin-top: 1px;
	}
	
	form.addprod label {
		float: left;
		width: 130px;
	}
	
	input.submitbut {
		background: #6ca;
		border: 1px solid #286;
	}


	/* for Internet Explorer */
	/*\*/
	* html .#pagebody {
	height: 540px;
	}
	* html .#pagebodyfull {
	height: 240px;
	}	
	/**/


	#pageright {
		margin: 0px 0px 0px 0px;
		float: right;
		width: 130px;
		padding: 10px 0px 0px 0px;
		text-align: left;
		background: #fff;

	 }
	 
	 #pageright h3 {
	 	clear: both;
	 }


		.bestselleritems {
			width: 130px;
			padding-top: 0.5em;
		}

			.bestsellerpic {
				clear: right;
				float: left;
				width: 50px;
				text-align: center;
			}

			.bestsellerpic img {
				border: 1px solid #286;
			}

			.bestsellerlink {
				width: 80px;
				float: right;
				color: #000;

			}

				.bestsellerlink a:link, .bestsellerlink a:visited {
					font-weight: bold;
					color: #286;
					text-decoration: none;
				}

				.bestsellerlink a:hover, .bestsellerlink a:active {
					font-weight: bold;
					color: #286;
					text-decoration: underline;
				}

		.specialofferitems {
			width: 130px;
			padding-top: 0.5em;
		}

			.specialofferpic {
				clear: right;
				float: left;
				width: 50px;
				text-align: center;
			}

			.specialofferpic img {
				border: 1px solid #269;
			}

			.specialofferlink {
				width: 80px;
				float: right;
				color: #000;

			}

				.specialofferlink a:link, .specialofferlink a:visited {
					font-weight: bold;
					color: #269;
					text-decoration: none;
				}

				.specialofferlink a:hover, .specialofferlink a:active {
					font-weight: bold;
					color: #269;
					text-decoration: underline;
				}

		.relproditems {
			float: left;
			width: 210px;
			padding-top: 0.5em;
			font-size: 0.8em;
			margin-right: 5px;
		}

			.relprodpic {
				clear: both;
				float: left;
				width: 50px;
				text-align: center;
			}

			.relprodpic img {
				border: 1px solid #269;
			}

			.relprodlink {
				width: 160px;
				float: right;
				color: #000;

			}

				.relprodlink a:link, .relprodlink a:visited {
					font-weight: bold;
					color: #286;
					text-decoration: none;
				}

				.relprodlink a:hover, .relprodlink a:active {
					font-weight: bold;
					color: #286;
					text-decoration: underline;
				}


#abovefooter {
	clear: both;
	width: 760px;
	margin: 10px 0px 2px 0px;
	background: #FFFFFF;
}


	#abovefooterleft {
		margin: 0px 0px 0px 0px;
		float: left;
		width: 200px;
		padding: 0px 0px 0px 0px;

	}


	#abovefooterright {
		margin: 15px 0px 0px 0px;
		float: right;
		width: 560px;
		text-align: right;
		padding: 0px 0px 0px 0px;
	}


#footer {
	clear: both;
	width: 760px;
	margin: 0px 0px 0px 0px;
	background: #fff;
}


	#footerleft {
		margin: 0px 0px 0px 0px;
		float: left;
		width: 260px;
		padding: 5px 0px 5px 0px;
		border-top: solid 3px #286

	}


	#footerright {
		margin: 0px 0px 0px 0px;
		float: right;
		width: 500px;
		text-align: right;
		padding: 5px 0px 5px 0px;
		border-top: solid 3px #286
	}
