@charset "utf-8";
/* GUITAR EFFECTS PEDALS CSS Document */

/*COLOUR SCHEME*******************

Green #2e7001

**********************************

LAST EDITED BY GAVIN JONES 06-10-08

**********************************/
body {
	margin: 					0px;
	padding: 					0px;
	height:						100%;
	font-size:					100%;
	line-height:				1.125em;
	background:					url(/images/gep-bg.gif) top repeat-x;
	font: 						normal 0.9em "Trebuchet MS", Tahoma, Arial;
}
a {
	color:						#0087CC;
	text-decoration:			none;
	font: 						normal 0.9em "Lucida Grande", Tahoma, Arial, sans-serif;
}
a:hover {
	color:						#999;
	text-decoration:			none;
}
img {
	border:						0;
	float:						left;
}
h1 {
	font: 						normal 1.3em Georgia, serif;
	color:						#8CC640;
	margin:						0 0 0 0;
	text-decoration:			none;
}
h2 {
	font: 						normal 1.3em Georgia, serif;
	color:						#000;
	margin:						0 0 0 0;
	text-decoration:			none;
}
h3  {
	font: 						bold 1em "Trebuchet MS", Tahoma, Arial;
	color:						#2e7001;
	margin:						0 0 10px 0;
	text-decoration:			none;
	border-bottom:				1px solid #999;
}
.fontSet {
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
}
.fontSetRed {
	color:						#990000;
}
form{
	margin:						0;
	padding:					0 0 0 15px;
}
input, textarea {
	font: 						normal 1em "Trebuchet MS", Tahoma, Arial;
}
ul {
	list-style:					none;
	margin:						2px;
	text-indent: 				-2.5em;
	list-style-position:		inside;					
}
/* HEADER CONTAINER PROPERTIES **************/
div.header {
	float:						none;
	width: 						960px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	background:					none;
	height:						100px;
	/*Margin left and right set to auto center's our layout*/
}
div.header div.logo {
	position:relative;
	float:left;
}
/*************************************/

/* MAIN CONTAINER AND INNER PROPERTIES**************/
div.mainContainer {
	float:						none;
	width: 						966px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	margin-top:					90px;
	position:					relative;
	min-height:					800px;
	height:						100%;
	/*Margin left and right set to auto center's our layout*/
}

div.mainContainer div.leftContainer {
	float:						left;
	width: 						584px; /*The width of our layout*/
	position:					relative;
	margin-left:				1px;
}
	div.leftContainer div.products {
		float:					left;
		width:					564px;
		border:					5px solid #eeecdd;
		background:				#dad7c3;
		margin-bottom:			10px;
		position:				relative;
	}
	div.products div.titlePriceContainer {
		width:					554px;
		border-bottom:			1px solid #666;
		margin:					5px;
		height:					20px;
	}
		div.titlePriceContainer div.prodTitle {
			width:				450px;
			float:				left;
		}
		div.titlePriceContainer div.prodPrice {
			width:				104px;
			float:				left;
			text-align:			right;
		}
	div.products div.prodImg {
		width:					80px;
		height:					80px;
		margin:					5px;
		float:					left;
	}
	div.products div.desc {
		width:					460px;
		margin:					5px;
		float:					left;
		font-size:				0.8em;
	}
	div.products div.prodLinks {
		width:					396px;
		height:					31px;
		background:				url(/images/prod-links-bg.gif) top left no-repeat;
		margin:					5px;
		float:					left;
		margin-left:			95px;
		padding:				10px 0 0 10px;
	}
div.mainContainer div.rightContainers {
	float:						left;
	width: 						184px; /*The width of our layout*/
	position:					relative;
	margin-left:				6px;
}
div.rightContainers div.latest {
	float:						left;
	width:						179px;
	height:						30px;
	margin:						0 0 5px 5px;
}

/*FOOTER ***************************/

div.footer {
	float:						none;
	width: 						966px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	margin-top:					20px;
	position:					relative;
	height:						120px;
	/*Margin left and right set to auto center's our layout*/
}