/*---reset css---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input:focus{
    outline: none;
    border:1px solid #C2C1C6!important;
    background:#FDFFE3;
}
textarea:focus{
    outline: none;
    border:1px solid #C2C1C6!important;
    background:#FDFFE3;
}
.clear {
	clear:both;
}
.fL {
	float:left;
}
.fR {
	float:right;
}
a {
   text-decoration:none;
}
a,a:hover {
   outline: none;
}
/*---custom css---*/
body {line-height:18px;font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#2a4000;}
.wrapper {width:1024px;margin:0 auto;background:#fff;position:relative;}
.header {width:1024px;height:111px;background: url(../images/headBg.jpg) no-repeat;position:relative;}

.banner {width:1024px;height:441px;background: url(../images/bannerbg.jpg) no-repeat;position:relative;}
.hmeBdy {width:1024px;height:453px;background: url(../images/hmebdy.jpg) no-repeat;}

.logo {position:absolute;left:421px;top:68px;z-index:999;}
.top-nav {height:37px;top:62px;position:relative;padding-left:41px;}
@font-face {font-family:myfont;src:url(../fonts/calibri_0.ttf);}
.top-nav ul {background: url(../images/navBorder.png) no-repeat top left;}
.top-nav ul li {display:inline-block;padding:8px 6px 8px 2px;background: url(../images/navBorder.png) no-repeat top right;height:25px;}
.top-nav ul li:first-child {padding-left:7px;}
.top-nav ul li.space {width:250px;}


.top-nav a {font-family:myfont;font-size:18px;color:#fff;text-decoration:none;padding:6px 14px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
transition:background 1s, border-radius 1s;-webkit-transition:background 1s, -webkit-border-radius 1s;-moz-transition:background 1s, -moz-border-radius 1s;
}



.top-nav a:hover {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;background:#fff;color:#c7191f;}
.top-nav a.active {border-radius:6px;-moz-border-radius:6px;background:#fff;color:#c7191f;}

.banner .left {width:376px;top:102px;left:40px;padding:0 0 0 6px;position:absolute;}
.banner .right {width:565px;top:35px;right:0px;position:absolute;z-index:999999;background:url(../images/bannerShadow.png) no-repeat left 62px;}
.banner p {margin-top:26px;text-align:left;}
.banner .readmore {width:105px;height:31px;margin-top:24px;background:url(../images/banRead.png) no-repeat;padding:10px 0 0 14px;}
.banner .readmore a {color:#fff;font-weight:bold;}
.banner .readmore a:hover {text-decoration:underline;}
.hmeBdy .colm-1 {width:288px;padding:26px 26px 0 6px; margin-left:41px;}
.hmeBdy .colm-1 p {padding:10px 0 8px 3px;line-height:16px;}
.hmeBdy .colm-2 {width:294px; padding-left: 10px; padding-top: 40px; position:relative}
.hmeBdy .colm-2 a {display:block; width:91px; height: 95px; position:absolute; left: 175px; bottom: 0;}

/* .hmeBdy .colm-2 ul {width:294px;height:92px;margin-top:13px;padding:0px 0px 10px 0px; border-top:1px solid #607800; border-bottom:1px solid #607800;}
.hmeBdy .colm-2 ul a {color:#000;}
.hmeBdy .colm-2 ul a:hover {color:#000;text-decoration:underline;}
.hmeBdy .colm-2 ul li {display:block;padding:8px 5px 8px 14px;line-height:16px; border-bottom:1px solid #607800;}
.hmeBdy .colm-2 ul li span {color:#fff;font-weight:bold;} */

.hmeBdy .colm-3 {width:274px;padding:32px 0 0 0;}
.hmeBdy .colm-3 p {padding:4px 0 8px 3px;line-height:16px;}
.hmeBdy .readmore {width:104px;height:33px;margin-top:15px;background:url(../images/bdyRead.png) no-repeat;padding:8px 0 0 14px;}
.hmeBdy .readmore a {color:#fff;font-weight:bold;}
.hmeBdy .readmore a:hover {text-decoration:underline;}

.footer {width:1024px;height:82px;border-top:1px solid #729004;margin-top:0px;}
.footer p {padding:0 0 0 46px;display:inline-block;margin-top:36px;}
.footer div {margin:28px 53px 0 0;}
.footer span {margin:8px 12px 0 0;}

.subBdyCon {width:1024px;background:url(../images/abtBanner.png) left top no-repeat #ffffff;padding-top:64px;}
.subBdyCon-1 {width:1024px;background:url(../images/subfooterBg.jpg) left bottom no-repeat;}
.subBdy {height:932px;background:url(../images/abtBdy.jpg) left top no-repeat;padding:98px 364px 0px 41px ;}
.subBdy h1 {margin-bottom:24px;}
.subBdy p { text-align:justify;color:#676767;padding-bottom:16px;line-height:16px;}
.subBdy span {font-weight:bold;}
.subBdy .left {width:286px;padding-right:39px;margin-top:30px;}
.subBdy .left h2 {margin-bottom:24px;}
.subBdy .right {width:294px; margin-top:30px;}
.subBdy .right h2 {margin-bottom:24px;}

.subBdyCon-2 {width:1024px;background:url(../images/subfooterBg.jpg) left bottom no-repeat;}

#example-one {width:1024px;padding: 0px; margin: 0px 0 20px 0;}

#example-one .nav { margin:0px;/*position:absolute;top:-118px;left:0px;*/height:72px;padding-left:0px;}
#example-one .nav li {float: left; margin: 0px; }

#example-one .nav li.left {width:159px; background:url(../images/navLft.jpg) no-repeat;height:72px;}

#example-one .nav li.right {width:160px; background:url(../images/navRgt.jpg) no-repeat;height:72px;}


#example-one .nav li.last { }
#example-one .nav li a { display: block;color: #fff; font-size: 12px; text-align: center; border: 0;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#example-one .nav li a:hover { /*background-color: #015d9e;color: #fff;*/}

#example-one ul { list-style: none; }
#example-one ul li a { display: block; padding:36px 0px 0px; color: #666;text-decoration:none; }
#example-one ul li a.disable {color: #fff}
#example-one ul li a.disable:hover {color: #fff}
#example-one ul li a:hover { background: none; color: #000;}
#example-one ul li:last-child a { border: none; }

#example-one .nav li.nav-one a { width:141px; background:url(../images/navMasala.jpg) no-repeat;height:36px;}
#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover {  background:url(../images/navMasala-hr.jpg) no-repeat; color: #000;}

#example-one .nav li.nav-two a { width:141px; background:url(../images/navFood.jpg) no-repeat;height:36px;}
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background:url(../images/navFood-hr.jpg) no-repeat;color: #000;}

#example-one .nav li.nav-three a { width:141px; background:url(../images/navPickle.jpg) no-repeat;height:36px;}
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover {background:url(../images/navPickle-hr.jpg) no-repeat; color: #000;}

#example-one .nav li.nav-four a { width:141px; background:url(../images/navSpice.jpg) no-repeat;height:36px;}
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background:url(../images/navSpice-hr.jpg) no-repeat; color: #000;}

#example-one .nav li.nav-five a { width:141px; background:url(../images/navFlour.jpg) no-repeat;height:36px;}
#example-one ul li.nav-five a.current, #example-one ul.classics li a:hover {  background:url(../images/navFlour-hr.jpg) no-repeat; color: #000;}

.pro-header {width:1024px;height:247px;background: url(../images/pro-header.jpg) no-repeat;position:relative;}
.proCon {width:991px;padding:32px 0 0 33px;}
.proConLft {width:420px;padding:0 0 0 12px;}
.proConLft h2 {font-size:20px;}
.proConLft p {padding:22px 0 0 0;color:#676767;text-align:left;}
.proConRgt {width:514px;padding:0 30px 0 0;background:url(../images/proShaBr.jpg) no-repeat right bottom;text-align:right;margin-top:28px;}
.proConRgt ul li {border-radius:6px 6px 0px 0px;height:35px; border:1px solid #efefef;display:inline-block;padding:15px 15px 0px 15px;color:#676767;min-width:110px; text-align:center;}
.proMain {width:100%;padding:12px 0 50px 0;}
.proWrap {float:left;width:295px;margin:0 35px 18px 0;}
.proWrapImg {border:1px solid #ebebeb;padding:0px 0px 0px;margin-bottom:16px; height:293px;}
.proWrap p {float:left;display:inline;padding-top:10px;}
.proWrap a {float:right; width:80px;height:26px;background:#89be1a url(../images/proArrow.jpg) no-repeat left top; text-align:left;padding:10px 0 0 34px; font-weight:bold;color:#fff;}
.proWrap a:hover {text-decoration:underline;}

.popLeft {width:310px; padding:0 0 0 0px;}
.popLeft h4 {padding:15px 0 10px 20px;font-weight:bold;}
.popLeft p {padding:0 0 0 20px;}
.popRgt {width:250px;}
.popRgt h2 {margin-bottom:22px; font-size:22px; font-weight:bold;}
.popRgt h5 {font-weight:bold;margin-bottom:16px;}
.popRgt p {padding:0 0 15px 0;}

.contactBdy {width:960px;padding:0px 32px 40px;min-height:500px;}
.contactBdy .left {width:586px;padding:64px 43px 0 0;color:#5c5c5c;}
.map {width:584px;height:396px;border:1px solid #c2c1c6;margin-bottom:34px;}
.contactBdy .left span {font-weight:bold;}
.contactBdy .left p:first-child {padding:16px 0px;}
.contactBdy .left p {padding-bottom:16px;}
.cForm {width:331px;}
.cForm .formCon {padding:20px 0 0 0;}
.cForm .error {color:#ff0000;}
.cForm label {color:#5e5f64;}
.cForm .formCon input {width:315px;padding:6px 7px; color:#000;margin-top:6px; background:#f8f8f8;border:1px solid #c2c1c6;
transition:background 1s, box-shadow 1s;}


.cForm .formCon input:focus {background:#fefdc2;box-shadow:1px 0px 5px #888;}
.cForm .formCon textarea {font-family:Arial, Helvetica, sans-serif;font-size:13px;width:315px;padding:6px 7px;height:128px; color:#000;margin-top:6px; background:#f8f8f8;border:1px solid #c2c1c6;transition:background 1s, box-shadow 1s;}
.cForm .formCon textarea:focus {background:#fefdc2;box-shadow:1px 0px 5px #888;
}
.btn {text-indent:-3000px;}
.btn img {margin-top:16px;}

#resultMsg .successMsg {font-size:12px; color:#599100; font-weight:bold;}
#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999999;
}
.successMsg {
	width:500px;
	min-height:50px;
	padding:20px 0 0 0;
	text-align:center!important;
	color:#599100 !important;
}
.showResultPopup{
	display:none;
	background: #fff;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position:absolute;
	top: 200px; right: 250px;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}
.dealBg {background:url(../images/dealBg.jpg) no-repeat top left ;}
.newsBg {background:url(../images/newsBg.jpg) no-repeat top left #ffffff;} 
.newsCnt {width:100%;background:url(../images/newsBorder.jpg) no-repeat left bottom;padding:10px 0 25px 0;margin-bottom:18px;}
.newsCntTitle {padding-bottom:18px;}
.newsCnt h3 {font-family:"Times New Roman", Times, serif;font-size:25px;color:#000;padding-bottom:12px;}
.newsCnt span { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color::#000;}

.recipeBdy {width:1024px; background:url(../images/recipeTop.png) left top no-repeat; min-height:600px; margin-top:-87px;padding-top:64px;}
.recipeBdy .left {width:325px;}
.recNav { background:url(../images/recipeNavTop.jpg) no-repeat left top;padding-top:9px;}
.recNav ul { list-style:none; background: url(../images/recipeNavBtm.jpg) no-repeat left bottom; padding-bottom:106px;margin-top:-1px;}
.recNav ul li {display:block; padding:0px;border-top:1px solid #93c42c; background:#8bc01c;}
.recNav ul li:hover {background:#547a0b;}
.recNavAct {background:#547a0b;}
.recNav ul li a {color:#fff;display:block; padding:14px 0 10px 46px;}
.recipeBdy .right {width:616px; padding-left:40px;}
.recipeBdy .right h2 {font-size:22px; padding-bottom:10px;}
.recipeBdy .right p {padding:18px 0px 0px;color:#676767; text-align:justify;}
#example { width:294px;height:92px !important;border-top:1px solid #607800;border-bottom:1px solid #607800;margin-top:13px !important;padding:12px 0px 10px 0px !important;}
a.home {color: #FFFFFF;font-size: 15px;left: 61px; position: absolute; text-decoration: underline;top: 20px;}
.facebook { font-weight:bold; padding:28px 0px 0 25px;}
.facebook_ic { margin-top:23px;}