@charset "utf-8";
/* 
"Screen" Style Sheet
 2008 Mustafa Quilon
 +919380006929
*/

/*
=Colours
Brown Maroon: #2e281f
Light orange: #f49b10
Dark Orange(old one): #dd4311
Lime green: #d5d735
light gray: #CCCCCC
Red: #e1211c
*/

/*
=Global
*/

blockquote,body,acronym,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}

/*
=Print Elements
*/
.print {
	display: none;
}

body {
	background: #2e281f repeat fixed center top;
	margin: 0pt auto;
	padding: 0pt;
	border: 0pt none;
	color: #2e281f;
	vertical-align: top;
	text-align: center;
	font-family: Arial, Geneva, sans-serif;
	font-size: 10px;
}

a { text-decoration: none; color:#2e281f;}

a img { border: 0pt; }

#outer-wrapper {
	background: #FFFFFF;
	margin: 0pt auto;
	padding: 0pt;
	border: 0pt none;
	text-align: left;
	width: 766px;
	height: auto;
}


/*
=masthead
*/
#masthead {
	background-color: #2e281f;
	clear: both;
	margin: 0 auto;
	padding: 0;
	height: 109px;
	overflow: auto;
}

#logo img {
	margin: 0 auto;
	padding: 0;
	width: 344px;
	height:68px;
} 
	
#logo {
	background: url(../images/layout/jayamms_fruits_up.jpg) top right no-repeat #FFFFFF;
	padding-bottom: 14px;
	clear: both;
}

/* IE7 workaround for padding*/
#masthead>#logo {
	padding-bottom: 17px;
}

/*
=nav
*/
#nav {
	background: url(../images/layout/jayamms_fruits_down.jpg) #2e281f top right no-repeat;
	color: #CCCCCC;
	height: 24px;
	overflow: hidden;
}

#nav img{
	display: inline;
	float: right;
}

#navlinks {
	margin: 0;
	padding: 6px 0 6px 0;
}

#navlinks li {
	display: inline;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0px auto;
}

#navlinks li a, #navlinks li a:link {
	padding: 6px 12px 6px 12px;
	margin: 0;
	background-color: #2e281f;
	color: #CCCCCC;
}

#navlinks li a:hover, #navlinks li a:focus {
	padding: 6px 12px 6px 12px;
	margin: 0;
	background-color: #f49b10;
	color: #FFFFFF;
}

#navlinks li .current, #navlinks li .current:hover {
	padding: 6px 12px 6px 12px;
	margin: 0;
	background-color: #d5d735;
	color: #ffffff;
	font-weight: bold;
}


/*
=Main Content Start
*/

#contentwrapper {
	padding: 2px 0 0 0;
	margin: 0 auto;
}

#content {
	width: 466px;
	float: left;
	margin: 0 0 2px 2px;
	padding: 0 2px 0 0;
}

#content h1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 25px 2px 0px 6px;
	color: #f49b10;	
}

#content h2 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px 2px 0px 6px;
	color: #f49b10;	
}

#content h3 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 14px 12px 0px 36px;
	color: #f49b10;
}

#content p {
	margin: 0px;
	padding: 5px 12px 0px 36px;
}

#content a, #content a:link {
	color: #f49b10;
	font-weight: bold;
}

#content a:hover, #content a:focus {
	text-decoration: underline;
	color: #e1211c;
}

#content a.readmore, #content a.readmore:link {
	color: #e1211c;
	font-weight: bold;
}

#content a.readmore:hover, #content a.readmore:focus {
	text-decoration: underline;
	color: #f49b10;
}

#content table {
	width: 350px;
	margin: 5px 12px 0px 60px;
}

#content th, #content tr, #content td {
	border: 1px #FFFFFF solid;
	text-align: center;
	padding: 5px 0 5px 0;
}

#content th {
	background-color: #f49b10;
}

#content tr {
	background-color: #d5d735;
}

#index { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/oranges.jpg) top right no-repeat;
}

#profile { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/orange_falling.jpg) top right no-repeat;
}

#news { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/cherry_berries.jpg) top right no-repeat;
}

#products { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/mixed_fruits1.jpg) top right no-repeat;
}

#jelly { margin: 0 auto; padding: 0 0 0 4px; 

}

#instant { margin: 0 auto; padding: 0 0 0 4px; 

}

#flavours { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/saffron_flavours.jpg) top right no-repeat;

}

#manama { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/manama.jpg) top right no-repeat;
}

#malas { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/malas.jpg) top right no-repeat;
}

#fruittins { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/mango_top.jpg) top right no-repeat;
}

#contact { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/grape_hanging.jpg) top right no-repeat;
}

#sitemap { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/jayamms_sitemap.jpg) top right no-repeat;
}

#privacy { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/lychee_litchi.jpg) top right no-repeat;
}

#testimonials { margin: 0 auto; padding: 0 0 0 4px; 
	background: url(../images/body/lemon_hanging.jpg) top right no-repeat;
}

#testimonials p.name { padding-top: 0px; color: #f49b10; }

#testimonials p { padding-right: 30px; }

#fruitvalue{ margin: 0 auto; padding: 10px 0 0 4px;}

#content #fruitvalue img { margin: 0; padding: 0;}
	
#content #fruitvalue a img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#content #fruitvalue a:hover img, #content #fruitvalue a:focus img, #content #fruitvalue a.currentfruit img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/*
=Sitemap & Privacy Policy
*/

.indent {
	margin-left: 150px;
}

.indent1 {
	margin-left: 55px;
}

.indent2 {
	margin-left: 255px;
}

.indent3 {
	margin-left: 112px;
}

/*
=Form
*/

#contactform form {
	padding: 8px 0 0 15px;
}

#contactform label {
	display: block;
	padding: 5px 0 2px 0;
	width: 150px;
}

#contactform input,#contactform textarea {
	display: block;
	width: 150px; 
	border-top: 0px;
	border-right: #f49b10 1px inset;
	border-bottom: #f49b10 1px inset;
	border-left: 0px;  
	font-size: 10px;
	font-weight: bold;
	color: #2e281f;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
}
	
#contactform .width {
	width: 225px;
}
	
#contactform .submit {
	width: 50px;
	border: 0px;
	color: #ffffff;
	padding: 3px 2px;
	background-color: #f49b10;
}

#contactform .hiddenfield {
	border: 0px;
	display: none;
}

.submit {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: 50px;
	height: 25px;
	border: 0px;
	color: #ffffff;
	padding: 3px 2px;
	margin-left: 4px;
	background-color: #f49b10;
}

.googleinput {
	width: 150px; 
	font-size: 10px;
	font-weight: bold;
	color: #2e281f;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
}

/*
=nav2
*/
#nav2 {
	width: 149px;
	float: left;
	background-color: #f49b10;
	color: #2e281f;
	margin: 2px 2px 0 0px auto; padding: 0; border: 0px none;
}

#nav2links {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 auto;	padding: 0; border: 0px none;
}

#nav2links li a, #nav2links li a:link {
	display: block;
	font-weight: bold;
	color: #2e281f;
	background: #FFFFFF;
	margin: 3px 3px 3px 3px; padding: 5px 0 5px 18px; border: 0px none;
}

#nav2links li a:hover, #nav2links li a:focus {
	background: #2e281f;
	color: #FFFFFF;
	margin: 5px 5px 5px 5px; padding: 2px 0 2px 16px; border: #FFFFFF solid 1px;
}

/*FF Workaround for 1px padding bottom*/
#nav2links li>a, #nav2links li>a:link {
	padding: 5px 0 6px 18px;
}
#nav2links li>a:hover, #nav2links li>a:focus {
	padding: 2px 0 3px 16px;
}
/*FF Workaround END*/

#nav2links li a.indent, #nav2links li a.indent:hover, #nav2links li a.indent:focus {
	margin-left: 19px;
}

/*Current Selection*/
#nav2links li a#current, #nav2links li a#current:hover {
	background: #2e281f;
	color: #FFFFFF;
	margin: 3px 4px 3px 19px; padding: 3px 0 3px 18px; border: #FFFFFF solid 1px;
}

#nav2links li a#current2, #nav2links li a#current2:hover {
	background: #2e281f;
	color: #FFFFFF;
	margin: 3px 4px 3px 4px; padding: 3px 0 3px 18px; border: #FFFFFF solid 1px;
}

/*
=nav3
*/
#nav3 {
	width: 143px;
	float: left;
	color: #2e281f;
	background: #d5d735;
	margin: 2px 2px 0 2px auto;
	margin-left: 2px;
	padding: 0px;
	text-align: center;
}

#nav3 h3 {
	font: 12px Arial, Helvetica, sans-serif bold;
	margin: 0; padding: 5px 0;
}

#nav3 h3 a, #nav3 h3 a:link {
	display: block;
	color: #d5d735;
	margin: 0 6px;
	padding: 4px 0;
	background: #2e281f;
}

#nav3 h3 a:hover, #nav3 h3 a:focus, #nav3 h3 a.current {
	color: #FFFFFF;
}

#nav3 h2 {
	font: 12px Arial, Helvetica, sans-serif bold;
	line-height: 20px;
	margin: 8px 0 0 0; padding: 5px 0;
}

#nav3 h2 a, #nav3 h2 a:link {
	display: block;
	color: #d5d735;
	margin: 4px 6px;
	padding: 5px 0;
	background: #2e281f;
}

#nav3 h2 a:hover, #nav3 h2 a:focus, #nav3 h2 .current {
	color: #FFFFFF;
}


/*
=Footer
*/
#footer {
	clear: both;
	height: 18px;
	margin: 0;
	padding: 3px 0 0 2px;
	background: #2e281f;
	color: #CCCCCC;
}

#footer a, #footer a:link {
	color: #CCCCCC;
}

#footer a:hover, #footer a:focus {
	color: #FFFFFF;
}