@charset "utf-8";

/* Tony D Trinh @ VDP WEBSITES 20.10.2008 / JOEY FRUIT PICKING BAGS / NORMAL VERSION

--------------------------------------------------------------------------- */

/*

-- #id, .class, top right bottom left

-- Font: 13px Georgia, "Times New Roman", Times, serif;

-- Colors:

	#000000 = black

	#ffffff = white

	#8c985f = green-dark

	#a3b06e = green-normal

	#d1e28d = green-light

	#f3f8e2 = green-bg

*/

/* GENERAL

--------------------------------------------------------------------------- */

body {

	background: url(../img/headbg.gif) repeat-x;

	text-align: left;

}

#wrapper {

	background: url(../img/pagebg.jpg) repeat-y;

	width: 100%;

}

h1 {

	width: 930px;

	height: 160px;

	background: url(../img/header.gif) no-repeat left;

	text-indent: -9999px;

}

.clear {

	height: 20px;

	clear: both;

}

/* NAVIGATION-RELATED

--------------------------------------------------------------------------- */

body#home a#nav-home,

body#product a#nav-product,

body#order a#nav-order,

body#faq a#nav-faq,

body#contact a#nav-contact

{

	font-weight: bold;

}

#navigation {



	border-bottom: 1px solid #ffffff;

	width: 100%;

	background-color: #8c985f;

	height: 30px;



	text-align: left;

}

#nav {

	border-top: 1px solid #ffffff;

	margin: 0 20px;

	padding: 4px 0 0 0;

}

#navigation a {

	text-align: left;

	display: block;

	float: left;

	height: 21px;

	font-size: 16px;

	color: #ffffff;

	padding: 1px 20px 0 0;

	text-decoration: none;

}

#navigation a:hover {

	color: #d1e28d;

}

/* CONTENT-WRAPS

--------------------------------------------------------------------------- */

#content-wrap {

	float: left;

	text-align: left;

	width: 930px;

}

#content {

	float: left;

	text-align: left;

	width: 678px;

	padding: 20px 20px 0 20px;

	background-color: #f3f8e2;

}

#separator {

	float: left;

	width: 10px;

	height: 400px;

	background: url(../img/separator.gif) no-repeat;

	border-left: 1px #ffffff solid;

	border-right: 1px #ffffff solid;

}

/* FORM-FORMATING

--------------------------------------------------------------------------- */

h4 {

	color: #ffffff;

	font-size: 18px;

	font-weight: bold;

	padding: 0 0 7px 0;

}

#login {

	float: left;

	width: 186px;

	padding: 7px 7px 0 7px;

	text-align: left;

	background-color: #a3b06e;

}

#login-bottom {

	float: left;

	width: 200px;

	height: 21px;

	background: url(../img/login.gif) no-repeat bottom;

}

#login p {

	padding: 0;

	margin: 0;

	font-size: 14px;

	color: #ffffff;

	letter-spacing: 1px;

}

#form {

	text-align: left;

}

.button {

	text-align: center;

	text-transform: uppercase;

	Font: bold 14px Georgia, "Times New Roman", Times, serif;

	color: #8c985f;

	background-color: #ffffff;

	border: 1px #8c985f solid;

	margin: 7px 0 0 0;

	width: 186px;	

}

.input {

	background-color: #ffffff;

	border: 1px #8c985f solid;

	width: 184px;

	padding: 0;

	margin: 0;

}

/* CONTENT-FORMATTING

--------------------------------------------------------------------------- */

h2 {

	color: #8c985f;

	font-size: 24px;

	padding: 0 0 10px 0;

}

h3 {

	color: #a3b06e;

	font-size: 18px;

	padding: 0 0 10px 0;

}

p, #content li{

	line-height: 15px;

	color: #000000;

	padding-bottom: 10px;

}

ul  {

	list-style-type: disc;

	margin-left: 25px;

}

.image {

	background-color: #ffffff;

	padding: 7px;

	margin: 10px auto;

	display: block;

	border: 1px dashed #d1e28d;

}

.image-simple {

	margin: 10px auto;

	display: block;

}

#content a {

	color: #000000;

}

#content a:hover {

	color: #f27127;

	text-decoration: none;

}

/* FOOTER-RELATED

--------------------------------------------------------------------------- */

#footer {

	float: left;

	text-align: left;

	color: #ffffff;

	padding: 12px 0 0 0;

	font-size: 16px;

	width: 100%;

	min-width: 930px;

	height: 30px;

	background: url(../img/footerbg.gif) repeat-x;

	border-top: 1px solid #ffffff;

}

#footer-text {

	font-weight: bold;

	padding-left: 20px;

}