html, body {margin: 0px; padding: 0px; border: 0px;	background-color:#000000; }
html { font-size: 100%; }
body { font-size:62.5%;	font-family: Verdana, sans-serif; }
a img {	text-decoration: none; border: none; }
.clear { clear: both; line-height: .01em; height: 0px; overflow: hidden; font-size: .01em; padding: 1em; }
.fullpage {	width: 780px; margin: 0 auto; background-color:#000000; }
#branding {	width: 780px; margin: 0 auto; }

#mainnav { background-image: url(../images/background.gif);	height: 49px; width: 77em; }
#mainnav ul li { display: inline;}
#mainnav ul li a { padding:2.5em 0 0 0;color:#FFFFCC; text-decoration:none; float:left; }
#mainnav ul li a:hover { color:#007500; }
#mainnav span { text-align:center; cursor:pointer;  position:relative; bottom: 12px; font-size : 1.5em; }
#mainnav ul li.mainnavHome a, a:hover  { width: 6em; margin: 0 0 0 3em;}
#mainnav ul li.mainnavAbout a, a:hover { width: 7em; margin: 0 0 0 6.5em;}
#mainnav ul li.mainnavOrdering a, a:hover {	width: 7em; margin: 0 0 0 7.5em;}
#mainnav ul li.mainnavFruits a, a:hover {	width: 4em; margin: 0 0 0 7em;}
#mainnav ul li.mainnavVegetables a, a:hover {	width: 8em; margin: 0 0 0 7.5em;}


#banner { height: 3em; width: 70em; margin: 1.5em 3em 0 3em; }
#banner h1 { text-align: center; font-size: 2.5em; padding: 0; color:#99D55B; font-family:Arial, Verdana, Helvetica, sans-serif; }
#feature { width: 77em; background-color:#000000; margin: .3em 0 1em 0; }
#company { float: left; width: 30em; background-color: #000000; border: 1px solid #3F3F3F; margin: 2em 1em 1em 1em;	padding: 0 0 0 1em;	}
#company h2 { color: #C82A0D; font-size: 2.2em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 0; }
#company ul { list-style-type: none; margin: 0; padding: 0 .5em; }
#company ul li {
                margin: 1em 0 0 0;
                padding: 1em 1em 1em 8em; 
				color:#FFFFFF;}
#company ul li strong {
                    font-family: Arial;
                    font-size: 1.6em;
                    color: #FFD72A;
                    display: block; 
					padding: 0 0 .5em 0;}
#company ul li a { background-color:#000; color:#fff; text-decoration:none; }
#company ul li a:hover { color:#007500; margin: 0;}

#company-fruits { background: #000 url(../images/mango_50.jpg) no-repeat left 50%; }
#company-vegetables { background: #000 url(../images/pepper_50.jpg) no-repeat left 50%; }
#company-quality { background: #000 url(../images/razatraders_quality.jpg) no-repeat left 50%; }


#featurevid {
        float: right;
		width: 40em;
        background: #000;

		margin: 1.3em 0 3em 2em;
		}
		
#footer {
	color: #999;
	width: 780px;
	margin: .5em auto 2em auto;
	text-align: center;
	font-size: 1.1em;
}

#footer ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#footer ul li {
	border-right: 1px solid #737373;
	display: inline;
	margin: 0;
	padding: 0 1em 0 1em;
}

#footer ul li.last {
	border-right: none;
	display: inline;
	margin: 0;
	padding: 0 1em 0 1em;
}

#footer a:link {color: #fff;	text-decoration: none; margin: 0; padding: 0 1em 0 1em;}
#footer a:visited {color: #fff;	text-decoration: none; margin: 0; padding: 0 1em 0 1em;}
#footer a:hover {color: #fff; text-decoration: underline; margin: 0; padding: 0 1em 0 1em;}
#footer a:active {color: #fff; text-decoration: underline; margin: 0; padding: 0 1em 0 1em;}
#footer h3 { font-size: .9em; color: #999; font-weight:normal; text-decoration: none; margin: .5em 0 0 0; padding: 0;}
#webdesign a:link,
#webdesign a:visited,
#webdesign a:hover,
#webdesign a:active { font-size: 1em; color: #999; text-decoration: none;}

.logo {	float: left; width: 135px; margin: 0 0 1em 0;}
.logotxt { float: right; width: 435px; background: #000; padding: 3.5em 14em 0 0; 
			margin: 0 0 1em 0;}
.logo a, a:hover { margin: 0 0 1em 0; }



#privacy { width: 75em;background-color: #000000; border: 1px solid #3F3F3F; 
		   margin: 2em 1em 1em 1em;padding: 0 0 0 1em;}
#privacy h2 { color: #C82A0D; font-size: 2.2em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 0;}
#privacy p { color: #fff; }
#privacy ul { list-style-type: none; margin: 0; padding: 0 .5em; }
#privacy ul li { margin: 1em 0 0 0; padding: 1em 1em 1em 8em;  color:#FFFFFF;}
#privacy ul li strong { font-family: Arial; font-size: 1.6em; color: #FFD72A;
                    display: block; 
					padding: 0 0 .5em 0;}
#privacy .odd { color:#CCCCCC;}


#aboutletter { width: 75em;background-color: #000000; border: 1px solid #3F3F3F; 
		   margin: 2em 1em 1em 1em;padding: 0 0 0 1em;}
#aboutletter h2 { color: #C82A0D; font-size: 2.2em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 1em 0 0 0;}
#aboutletter p {color:#99D55B; margin: 2em 1em 1em 1em; font-size: 1.5em; font-weight: normal; font-family: Arial;}
#aboutletter span { color:#FFD72A; }



#offices{ float: left; width: 22em; background-color: #000000; border: 1px solid #3F3F3F; margin: 2em 1em 1em 1em;	padding: 0 0 0 1em;	}
#offices h2 { color: #C82A0D; font-size: 2.8em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 0; }
#offices ul { list-style-type: none; margin: 0; padding: 0 .5em; }
#offices ul li {
                margin: 2em 0 0 0;
                padding: 0 1em 0 0; 
				color:#FFFFFF;}

#offices ul li a { background-color:#000; color:#fff; text-decoration:none; }
#offices ul li a:hover { color:#007500; margin: 0;}
#offices ul p {
                    font-family: Arial;
                    font-size: 1.2em;
                    color: #FFF;
                    display: block; 
					padding: 0;
					margin: 0;}
#offices img { margin: 0 2em 0 0; }
#offices span {     font-family: Arial;
                    font-size: 2.2em;
					font-weight: bold;
                    color: #FFD72A;
                    display: inline; 
					padding: 0 0 .2em 0;}
#offices dl { margin: 0 0 0 6em; padding: 1em 0 0 0; font-size: 1.2em;}

.address dt { color: #99D55B; padding: 1em 0 0 0;}
.address dd { margin: 0 0 0 1em; padding: 0; }


#featurestory {
        float: right;
		width: 48em;
        background: #000;
		border: 1px solid #3F3F3F;

		margin: 2em 1em 3em 1em;
		}
#featurestory h2 { color: #FFD72A; font-size: 2.8em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 0; }
#featurestory .trust { margin: 1em 0 0 0; }
#featurestory .growth{ margin: 1em 0 0 0; }
#featurestory p {color:#99D55B; margin: 1.5em 1em .5em 1em; font-size: 1.3em; font-weight: normal; font-family: Arial;}
text-align: center; padding: 0; margin: 0; }
#order { width: 75em;background-color: #000000; border: 1px solid #3F3F3F; 
		   margin: 2em 1em 1em 1em;padding: 0 0 0 1em;}

#order p {color:#99D55B; margin: 2em 1em 1em 1em; font-size: 1.5em; font-weight: normal; font-family: Arial;}
#order span { color:#FFD72A; }
#order h2 { color: #FFD72A; font-size: 2.8em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 1em 0 0 0;}

form#two {font-size:1.4em; background:#000; width:470px; padding:10px; margin:0 auto; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #999; border-right:1px solid #999;}
form#two fieldset {width:450px; display:block; font-size: 1.1em; padding:5px; font-family:verdana, sans-serif; line-height:1.5em; border:1px solid #fff;}
form#two fieldset#personal, #current {font-size:.75em; color:#FFD72A; font-style:italic; margin:15px 0 0 5px;}
form#two fieldset#opt { color:#FFD72A; margin:15px 0 0 5px;}
form#two legend { border:1px solid #666; font-family: "Courier New", Courier, mono; color:#FFD72A; font-size:1.4em; font-weight:normal; font-style:normal; margin-bottom:14px; padding:3px; width:254px; background:none;}
form#two label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#fff; margin-bottom:0.5em; font-size:1.3em; line-height:1.5em; font-style:normal;}
form#two fieldset#personal label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#fff; margin-bottom:0.6em; font-size:1em; line-height:1.8em; font-style:normal;}
form#two input {padding:0; margin-bottom:0.8em; width: 320px;}
form#two fieldset#personal input {border:1px dotted #e1e1e1; background:#fff; padding-left:0.5em; margin-bottom:1em;}
form#two select {margin-left:0.5em; border:1px dotted #e1e1e1;}
form#two textarea {width:425px; height:12em; border:1px solid #e1e1e1; padding:5px; margin:-8px 0 0 0; overflow:auto;}
form#two option {background:#fff; color:#990033;}
form#two optgroup {background:#fff; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;}
form#two optgroup option {background:#fff; color:#990033;}
form#two #button1, form#two #button2 { background:#C82A0D; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#FFD72A; padding-right:0.5em; cursor:pointer; width:205px; margin-left:12px;}
form#two #button1:hover, form#two #button2:hover {background:#C82A0D; border-bottom:1px solid #4A0018; border-right:1px solid #4A0018;  color:#fff; border-top:1px solid #cc0033; border-left: 1px solid #cc0033;align: left; }

.thankyou {color:#FFFFFF;}

#mango { width: 75em;background-color: #000000; border: 1px solid #3F3F3F; 
		   margin: 2em 1em 1em 1em;padding: 0 0 0 1em;}
#mango h2 { color: #C82A0D; font-size: 2.2em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 1em 0 0 0;}
#mango p {color:#99D55B; margin: 2em 1em 1em 1em; font-size: 1.5em; font-weight: normal; font-family: Arial;}
#mango span { color:#FFD72A; }
#mango img { display: block; text-align: center; margin: 0 auto; }

#mandarin { width: 75em;background-color: #000000; border: 1px solid #3F3F3F; 
		   margin: 2em 1em 1em 1em;padding: 0 0 0 1em;}
#mandarin h2 { color: #FFD72A; font-size: 2.2em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 1em 0 0 0;}
#mandarin p {color:#99D55B; margin: 2em 1em 1em 1em; font-size: 1.5em; font-weight: normal; font-family: Arial;}
#mandarin span { color:#FFD72A; }
#mandarin img { display: block; text-align: center; margin: 0 auto; }

.nutritionleft{ float: left; width: 20em; margin: 2em 0 0 4em; padding: 0;	font-size: 1.2em;}
.nutritionleft dl { margin: 0; padding: 0; font-size: 1.1em;}
.nutritionleft dt { color: #FFD72A; font-size: 1.2em; margin: 0 0 .5em 0;}
.nutritionleft dd { color: #C82A0D; }

.nutritionright { float: right; width: 20em; margin: 2em 4em 0 0; padding: 0; font-size: 1.2em;}
.nutritionright dl { margin: 0; padding: 0; font-size: 1.1em;}
.nutritionright dt { color: #FFD72A; font-size: 1.2em; margin: 0 0 .5em 0;}
.nutritionright dd { color: #C82A0D; }

#otherfruit { width: 75em;background-color: #000000; border: 1px solid #3F3F3F; 
		   margin: 2em 1em 1em 1em;padding: 0 0 0 1em;}
#otherfruit h2 { color: #FFD72A; font-size: 2.2em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 1em 0 0 0;}
#otherfruit p {color:#99D55B; margin: 2em 1em 1em 1em; font-size: 1.5em; font-weight: normal; font-family: Arial;}
#otherfruit span { color:#FFD72A; }
#otherfruit .bigleft { float: left; width: 34em; margin: 3em 0 1em 2em; }
#otherfruit .bigright { float: right; width: 34em; margin: 3em 2em 1em 0; }
.wideleft { float: left; width: 23em; margin: 1.8em 1em 1em .5em;}
.widecenter { float: left; width: 23em; margin: 1em 1em 1em 1em;}
.wideright {float: left; width: 23em; margin: 1.8em 1em 1em 1em;}
#otherfruit .medleft { float: left; width: 25em; margin: 3em 0 1em 8em; }
#otherfruit .medright { float: right; width: 25em; margin: 3em 8em 1em 0; }

#onion { width: 75em;background-color: #000000; border: 1px solid #3F3F3F; 
		   margin: 2em 1em 1em 1em;padding: 0 0 0 1em;}
#onion h2 { color: #FFD72A; font-size: 2.2em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 1em 0 1.5em 0;}
#onion p {color:#99D55B; margin: 2em 1em 1em 1em; font-size: 1.5em; font-weight: normal; font-family: Arial;}
#onion span { color:#FFD72A; }
#onion img { display: block; text-align: center; margin: 0 auto; }

#potato { width: 75em;background-color: #000000; border: 1px solid #3F3F3F; 
		   margin: 2em 1em 1em 1em;padding: 0 0 0 1em;}
#potato h2 { color: #C82A0D; font-size: 2.2em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 1em 0 1.5em 0;}
#potato p {color:#99D55B; margin: 2em 1em 1em 1em; font-size: 1.5em; font-weight: normal; font-family: Arial;}
#potato span { color:#FFD72A; }
#potato img { display: block; text-align: center; margin: 0 auto; }


#othervegetable { width: 75em;background-color: #000000; border: 1px solid #3F3F3F; 
		   margin: 2em 1em 1em 1em;padding: 0 0 0 1em;}
#othervegetable h2 { color: #FFD72A; font-size: 2.2em; font-weight: normal; font-family: Arial; text-align: center; padding: 0; margin: 1em 0 0 0;}
#othervegetable p {color:#99D55B; margin: 2em 1em 1em 1em; font-size: 1.5em; font-weight: normal; font-family: Arial;}
#othervegetable span { color:#FFD72A; }
#othervegetable .bigleft { float: left; width: 34em; margin: 3em 0 1em 2em; }
#othervegetable .bigright { float: right; width: 34em; margin: 3em 2em 1em 0; }
.threeleft { float: left; width: 23em; margin: 1em 1.5em 1em .5em;}
.threecenter { float: left; width: 23em; margin: 1em 1em 1em 1em;}
.threeright {float: left; width: 23em; margin: 1em 1em 1em 1em;}