@import url('form.css');
@import url('mod.order.userinfo.css');

body {
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 20px;
	
	background: #e5e6e6;
	
	margin: 0px;
	padding: 0px;
	
	text-align: center;
}

a img {
	border: 0;
}

a {
	color: #0095db;
	text-decoration: underline;
}

	a:hover {
		color: #000;
	}

p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

ul {
	margin: 0px;
	padding: 0px 0px 20px 20px;
}

	ul li {
		margin: 0px;
		padding: 0px;
	}

h1 {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	
	letter-spacing: -0.5px;
	font-family: "Arial Narrow", arial, sans-serif;

	margin: 0px;
	padding: 10px 0px 10px 0px;
}

h2 {
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	
	letter-spacing: 0.5px;
	font-family: "Arial Narrow", arial, sans-serif;

	margin: 0px;
	padding: 0px;
}

div.clear {
	clear: both;
	float: none;
	line-height: 0px;
	font-size: 0px;
}

div#container {
	width: 969px;
	background: #ffffff;
	
	margin: 10px auto 0px auto;
	padding: 0px;
	
	text-align: left;
}

div#left {
	width: 220px;
	padding: 0;
	margin: 10px 0px 10px 10px;
	_margin: 10px 0px 10px 5px;

	float: left;
}

	div#left div#logo {
		width: 220px;
		height: 92px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	
		div#left div#logo a {
			display: block;
			width: 220px;
			height: 92px;
			
			background: url(../images/logo.gif) no-repeat;
		}
		
			div#left div#logo a span {
				display: none;
			}
			
	div#left div#ethanol {
		width: 220px;
		height: 159px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	
		div#left div#ethanol a {
			display: block;
			width: 220px;
			height: 159px;
			margin: 0px 0px 10px 0px;
			padding: 0px;
			
			background: url(../images/left-ethanol-button.gif) no-repeat;
		}
		
			div#left div#ethanol a span {
				display: none;
			}
			
	div#left div#login {
		background: #e1e599;
		margin: 0px 0px 10px 0px;
		height: 175px;
	}
	
		div#left div#login div.space {
			margin: 0px;
			padding: 30px 10px 10px 10px;
		}
		
			div#left div#login h2 {
				padding: 0px 0px 20px 0px;
				margin: 0px;
				
				height: 11px;
				
				background: url(../images/title-client-login.gif) no-repeat;
				
				text-indent: -2000px;
			}
			
			div#left div#login div.field {
				margin: 0px;
				padding: 0px 0px 5px 0px;
			}
			
				div#left div#login div.field label {
					width: 60px;
					float: left;
				}
				
				div#left div#login div.field input.inputText {
					float: left;
					width: 136px;
					
					background: #fff;
					border: 1px solid #bdbf99;
				}
				
					div#left div#login div.field input.inputText:focus {
						border: 1px solid #8e9070;
					}
				
				div#left div#login div.submit input.inputSubmit {
					float: right;
				}
				
				div#left div#login div.forgotpassword {
					padding: 0px 0px 0px 0px;
				}
				
					div#left div#login div.forgotpassword a {
						color: #666666;
						text-decoration: underline;;
					}
					
						div#left div#login div.forgotpassword a:hover {
							color: #000;
							text-decoration: underline;;
						}				

	div#left div#sheets {
		background: #b5bf00;
		height: 197px;
	}
	
		div#left div#sheets div.space {
			margin: 0px;
			padding: 30px 10px 10px 10px;
		}	
	
		div#left div#sheets h2 {
			height: 15px;
			text-indent: -2000px;
			padding: 0px 0px 5px 0px;
			margin: 0px;
		}
		
			div#left div#sheets ul {
				margin: 0px;
				padding: 0px 0px 20px 23px;
				list-style: none;
			}
			
				div#left div#sheets ul li {
					margin: 0px;
					padding: 0px;
				}
				
					div#left div#sheets ul li a {
						color: #666666;
						text-decoration: underline;
						font-size: 10px;
					}
					
						div#left div#sheets ul li a:hover {
							color: #000;
						}
		
			div#left div#sheets h2#msds-sheets {
				background: url(../images/title-msds-sheets.gif) no-repeat 3px 0px;
			}
		
			div#left div#sheets h2#title-contact {
				padding: 0px 0px 20px 0px;
				margin: 0px;
			}
		
				div#left div#sheets h2#title-contact a {
					display: block;
					height: 15px;
					background: url(../images/title-contact.gif) no-repeat 3px 0px;
				}

div#main {
	float: left;
	
	margin: 10px 10px 10px 10px;
	
	width: 719px;
}

	div#main div#menu {
		background: #f2f2f2 url(../images/quality-logo.gif) no-repeat 642px 17px;
		height: 92px;
		margin: 0px 0px 10px 0px;
		position: relative;
	}
	
		div#main div#menu p.lang {
			position: absolute;
			left: 45px;
			top: 20px;
		}
		
			div#main div#menu p.lang img {
				margin: 0px 10px 0px 0px;
			}
	
		div#main div#menu ul {
			margin: 0px;
			padding: 55px 0px 0px 45px;
			list-style: none;
		}
			
			div#main div#menu ul li {
				margin: 0px;
				padding: 0px 30px 0px 0px;
				*padding: 0px 12px 0px 0px;
				float: left;
			}
			
				div#main div#menu ul li a {
					color: #333333;
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					text-decoration: none;
					
					letter-spacing: -0.5px;
					font-family: "Arial Narrow", arial, sans-serif;
				}
				
					div#main div#menu ul li.active a,
					div#main div#menu ul li a:hover {
						text-decoration: underline;
					}
					
	div#main div#footer {
		color: #fff;
		height: 73px;
		background-color: #34abe3;
	}
		body.homepage div#main div#footer {
			height: 197px;
			background: url(../images/footer.gif) no-repeat;
			color: #fff;
		}
		
		div#main div#footer p {
			float: right;
			margin: 0px;
			padding: 0px;
		}
		
			div#main div#footer a {
				color: #fff;
				text-decoration: none;
			}

				div#main div#footer a:hover {
					color: #fff;
					text-decoration: underline;
				}
			
			div#main div#footer p.address1 {
				padding: 5px 30px 0px 0px;
			}
				body.homepage div#main div#footer p.address1 {
					padding: 125px 30px 0px 0px;
				}
				
			div#main div#footer p.address2 {
				padding: 5px 15px 5px 0px;
			}
				body.homepage div#main div#footer p.address2 {
					padding: 125px 15px 0px 0px;
				}
	
	div#main div#content {
		margin: 0px 0px 10px 0px;
		min-height: 469px;
	}
		div#main div#content div.space {
			margin: 0px;
			padding: 10px 45px 45px 45px;
		}
				
		body.homepage div#main div#content {
			background: url(../images/home-bg.gif) #333 no-repeat;
			height: 344px;
			min-height: 344px;
		}
			body.homepage div#main div#content div.space {
				margin: 0px;
				padding: 45px 45px 45px 45px;
			}
		
		body.shop div#main div#content div.space {
			margin: 0px;
			padding: 10px 0px 0px 45px;
		}
			body.shop div#main div#content div.space p {
				padding-right: 45px;
			}
			
			body.shop div#main div#content div.space div#productList {
				float: left;
				width: 264px;
			}	
				body.shop div#main div#content div.space div#productList ul {
					list-style: none;
					padding: 0;
					margin: 0;
				}
					body.shop div#main div#content div.space div#productList ul li {
						float: left;
						width: 90px;
						height: 90px;
						margin: 0px 10px 10px 0px;
						padding: 10px;
						position: relative;
						border: 2px solid #fff;
						line-height: 15px;
						font-size: 10px;
						cursor: pointer;
					}
						body.shop div#main div#content div.space div#productList ul li div.image-holder {
							width: 90px;
							text-align: center;
						}
						
						body.shop div#main div#content div.space div#productList ul li:hover {
							border: 2px solid #999;
						}
						
						body.shop div#main div#content div.space div#productList ul li.active,
						body.shop div#main div#content div.space div#productList ul li.active:hover {
							border: 2px solid #b5be01;
						}
						
						body.shop div#main div#content div.space div#productList ul li a.title,
						body.shop div#main div#content div.space div#productList ul li a.title:hover {
							position: absolute;
							bottom: 10px;
							left: 10px;
							color: #000;
							text-decoration: none;
						}
			body.shop div#main div#content div.space div#productView {
				float: left;
				width: 410px;
				background-image: url('../images/productinfo-bg.gif');
				margin-bottom: 10px;
			}
				body.shop div#main div#content div.space div#productView div.product-top {
					background-image: url('../images/productinfo-top.gif');
					background-position: top left;
					background-repeat: no-repeat;
				}
				
				body.shop div#main div#content div.space div#productView div.product-top div.product-bottom {
					width: 410px;
					background-image: url('../images/productinfo-bottom.gif');
					background-position: bottom left;
					background-repeat: no-repeat;
					clear: both;
				}
					body.shop div#main div#content div.space div#productView div.product-top div.product-bottom div.product-left {
						float: left;
						width: 195px;
						padding: 20px;
					}
					
					body.shop div#main div#content div.space div#productView div.product-top div.product-bottom div.product-left p {
						margin: 10px 0 0 0;
						padding: 0;
					}
					
					body.shop div#main div#content div.space div#productView div.product-top div.product-bottom div.product-left p.title {
						margin: 0 0 0 0;
						padding: 0;
					}
					
					body.shop div#main div#content div.space div#productView div.product-top div.product-bottom div.product-right {
						float: left;
						width: 148px;
						padding: 10px;
					}
						body.shop div#main div#content div.space div#productView div.product-top div.product-bottom div.product-right div.image-holder {
							width: 148px;
							text-align: center;
							padding-bottom: 10px;
						}

img.rightImage {
	float: right;
	margin: 0px 0px 20px 20px;
}

div#quality-logo-link {
	width: 100px;
	height: 85px;
	position: absolute;
	right: 0px;
	top: 0px;
}

	div#quality-logo-link a {
		display: block;
		width: 100px;
		height: 85px;
	}