@charset "utf-8";
/*
Project: Jai Foods
Code by: Nageswara Rao
Last modified: 03-0613
lightpink:c13f7f
*/


*{margin:0;outline:0 none;padding:0}
html,button,input,select,textarea {color: #222;}
html,body {height:100%; background:#f7f6f2 url(../images/mainbg.jpg) repeat center;font-size:0.875em;line-height: 1.9em; font-family:Verdana, Geneva, sans-serif;}
::-moz-selection {background: #b3d4fc;text-shadow:none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #e9e9e9; margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}

.right{ float:right; margin:0px 0;}.left{ float:left; margin:0px 0;}.alignleft{margin:0px 0px 20px 0; float:left} .alignright{margin:0 0 20px 0px; float:right}
p{margin:0px 0 15px 0; padding:0px;}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
a img{border:none}
a:link, a:active, a:visited{text-decoration:none; color:#c13f7f;}
a:hover, a:active{text-decoration:underline; color:#c13f7f}
a[href^="mailto"]{color:#c13f7f; text-decoration:none}
a[href^="mailto"]:hover{color:#000; text-decoration:underline}
a[href^="http"]{color:#d90da3}
a[href^="http"]:hover{text-decoration:underline}
.green{ color:#85A80F; font-variant:small-caps; font-size:1.3em;}
.green span{ border-bottom:2px dotted #97bd44;padding-bottom:10px; font-weight:bold}
.red{ color:#dd4b39;font-variant:small-caps;font-size:1.3em; }
.red span{padding-bottom:10px; border-bottom:2px  dotted #dd4b39;font-weight:bold}
.click{ font-weight:bold;}

.redclr{color:#f00; margin:0 3px 0 0; font-size:1.3em;}

.topwrap{width:100%; background:#fff; height:6px; box-shadow:2px 2px 2px #999; -moz-box-shadow:0px 2px 2px #999; -webkit-box-shadow:0px 2px 2px #999; -ms-box-shadow:0px 2px 2px #999; -o-box-shadow:0px 2px 2px #999;  border-bottom:1px solid #ccc;}
@font-face {
    font-family: 'VollkornRegular';
    src: url('../fonts/Vollkorn-Regular-webfont.eot');
    src: url('../fonts/Vollkorn-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vollkorn-Regular-webfont.woff') format('woff'),
         url('../fonts/Vollkorn-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Vollkorn-Regular-webfont.svg#VollkornRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RokkittRegular';
    src: url('../fonts/Rokkitt-webfont.eot');
    src: url('../fonts/Rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Rokkitt-webfont.woff') format('woff'),
         url('../fonts/Rokkitt-webfont.ttf') format('truetype'),
         url('../fonts/Rokkitt-webfont.svg#RokkittRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#google_translate_element{font-family:Arial, Helvetica, sans-serif; font-size:8px; width:120px; float:left; margin:5px 0 0 115px;}
#mainwrap{width:1000px; margin:0 auto;}
#header{width:1000px; min-height:100px; float:left;  margin:0; padding:0; position:relative; }
.trademark{ width:144px; height:148px; float:left;}
.logo a, .logo a:hover{ width:240px; height:60px; float:left; background:#ffffff; padding:15px; text-align:center; margin:12px 0 0 0; text-decoration:none;}

.pink{ color:#c13f7f; font:46px/56px 'RokkittRegular', "Times New Roman", Times, serif; margin:0px; padding:0px;}

.pinksmall{ color:#c13f7f; font:20px 'VollkornRegular', "Times New Roman", Times, serif; margin:0px; padding:0px 0; margin:0 0 0em 0;}

ul#sociallinks li {display:inline; margin:10px 0;   float:left; line-height:26px;}
ul#sociallinks li a {height:26px; float:left; text-indent:-999999px; margin:0px 5px 0 10px;}
ul#sociallinks li.fb a{width:24px; background: url(../images/socialicons.png) no-repeat 0 0;}
ul#sociallinks li.fb a:hover{background-position:0 -26px;}
ul#sociallinks li.tw a{width:24px; background: url(../images/socialicons.png) no-repeat -24px 0;}
ul#sociallinks li.tw a:hover{background-position:-24px -26px;}
ul#sociallinks li.gp a{width:24px; background: url(../images/socialicons.png) no-repeat -48px 0;}
ul#sociallinks li.gp a:hover{background-position:-48px -26px;}
ul#sociallinks li.in a{width:24px; background: url(../images/socialicons.png) no-repeat -72px 0;}
ul#sociallinks li.in a:hover{background-position:-72px -26px;}

.pinkclr{ color:#c13f7f; margin:0.5em 0; display:block;}

.head_right{width:680px; float:right;}

.topWrapper{ width:100%; margin:0 0 10px 0; padding:0; height:30px;}
ul#toplinks{ float:right; padding:0 ;  margin:-1px 10px 0 0; height:15px; display:block; background:#fff;padding:10px 20px; border-top:none; border-radius:0 0 0.5em 0.5em; -moz-border-radius:0 0 0.5em 0.5em;-webkit-border-radius:0 0 0.5em 0.5em; -ms-border-radius:0 0 0.5em 0.5em; -o-border-radius:0 0 0.5em 0.5em;box-shadow:2px 2px 2px #999; -moz-box-shadow:0px 2px 2px #999; -webkit-box-shadow:0px 2px 2px #999; -ms-box-shadow:0px 2px 2px #999; -o-box-shadow:0px 2px 2px #999; width:360px; }
ul#toplinks li{float:left; list-style-type:none; line-height:11px;font-size:12px; }
ul#toplinks li:after{ content:"|";  color:#FFF; }
ul#toplinks li:last-child:after{content:"";  color:#fff;}
ul#toplinks li a{text-decoration:none; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;padding:0 9px;  font-weight:bold; color:#333; font:12px Arial, Helvetica, sans-serif; text-align:center;}
ul#toplinks li a:hover{color:#c13f7f; text-decoration:none;}
ul#toplinks li.dropCart {position:relative; background:url(../images/mycart.png) 5%  0 no-repeat; padding:0 0 0 8px; }
ul#toplinks li.dropCart>div#cartContent{display:none;position:absolute; right:0; top:20px; z-index:999;border:4px solid #DDD; border-left:none;border-right:none; background-color: #FFF; width:180px; padding: 8px; box-shadow:2px 2px 2px #999; -moz-box-shadow:2px 2px 2px #999; -webkit-box-shadow:2px 2px 2px #999; -ms-box-shadow:2px 2px 2px #999; -o-box-shadow:2px 2px 2px #999;}

ul#nav{width:710px; float:right;list-style:none; margin:20px 0px; padding:0px;}
ul#nav li{display:inline-block; float:left; padding:0 14px; color:#c20060;  margin:0 0px; font:18px/38px 'RokkittRegular', "Times New Roman", Times, serif; letter-spacing:0.06em }
ul#nav li a{ display:inline-block; float:left; padding:0 14px; color:#c20060;  margin:0 0px; font:18px/38px 'RokkittRegular', "Times New Roman", Times, serif; letter-spacing:0.06em }
ul#nav li a:hover{  color:#FFF;background:#c13f7f; text-decoration:none;}

.banner{width:1000px; float:left;-webkit-box-shadow: 0 10px 8px -7px #333;
 -moz-box-shadow: 0 10px 8px -7px #333; box-shadow: 0 10px 8px -7px #333;behavior:url(PIE.htc);}

h1 { text-align: center; margin-bottom: 30px; text-shadow: 1px 1px 0 white }
            strong + p { margin-top: 0 }
            dt { font-weight: bold }
            dd { margin: 0 }
            figure { display: block; width: 100%; height: 100%; margin: 0; }
            .accordion.stitch .slide div {  width:990px; }
			
.content{width:960px; float:left; margin:20px 0; padding:20px; font:13px Arial, Helvetica, sans-serif; line-height: 20px; text-align:justify;}

.hcontent{font:13px Arial, Helvetica, sans-serif; line-height: 20px; text-align:justify; letter-spacing:0.06px; width:100%; float:left;}

.tittleheading{font:24px 'VollkornRegular', "Times New Roman", Times, serif; color:#c13f7f;   margin:0; padding:0; text-align: center; display:block; margin-bottom:.3em;  background:url(../images/hrline.png) repeat-x center top; height:15px; }
.tittleheading span{padding:0px 20px;  background:url(../images/mainbg.jpg) repeat center;position:relative; top:-22px; text-align:center; }

.scrollbox{width:940px; float:left; background:#fff; padding:10px; height:180px;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888; margin:25px 0 0 0;position:relative;}

#carousel{ position:absolute; left:0px; top:15px; }
#carousel .slides_container {width:900px;display:none; margin:0 0 0 30px; }
#carousel .slides_container ul.items{margin:0 10px 0 20px; padding:0; list-style:none;width:900px;height:180px;
display:block;}
#carousel .slides_container ul.items li{float:left;width:190px;height:165px;margin:0 30px 0px 0px; border:1px solid #d7d7d7;}


#carousel .slides_container ul.items li .caption a{float:left;width:190px;margin:0px; background:#f7f7f7; padding:0px; text-align:center; font:12px/40px Arial, Helvetica, sans-serif; color:#333; font-weight:bold;  }

#carousel .slides_container ul.items li .caption a:hover{float:left;width:190px;margin:0px; background:#f7f7f7; padding:0px; text-align:center; font:12px/40px Arial, Helvetica, sans-serif; color:#c13f7f; text-decoration:none;font-weight:bold;  }

#carousel .slides_container ul.items li:last-child{ margin:0;}

#carousel .prev{position:absolute; top:45%; left:15px; width:20px; height:17px; background:url(../images/arrows.png) 0 50% no-repeat;  z-index:101; text-decoration:none;}
#carousel .next{position: absolute;top:45%;right: -18px;width: 20px;height: 17px;background:url(../images/arrows.png) -22px 50% no-repeat;text-decoration: none;z-index:150;}





#footer{width:960px; float:left; background:#3c3c3b; height:130px; padding:20px; font:12px Arial, Helvetica, sans-serif; color:#ccc;}

#footer a{color:#ccc; text-decoration:none;} #footer a:hover{color:#fff; text-decoration:none;}

.footer_left{width:600px; float:left;}
ul.footer_nav{list-style:none; margin:0px; padding:15px 0; border-bottom:1px solid #515150;width:640px; float:left;}
ul.footer_nav li{  display:inline-block; margin:0px; padding:0 15px; float:left;}

.footer_nav .tittle{font:14px Arial, Helvetica, sans-serif; color:#ccc; font-weight:bold; float:left;}
.footer_nav .tittle img{ margin:0 0 0 20px;}
.footer_right{width:280px; float:right; margin:0 0px 0 0;}
            
.innerbanner{width:1000px; float:left;-webkit-box-shadow: 0 10px 8px -7px #333;
 -moz-box-shadow: 0 10px 8px -7px #333; box-shadow: 0 10px 8px -7px #333;behavior:url(PIE.htc); position:relative; }
 
 .isomark{position:absolute; top:20px; right:5px;} 
.innercontent{width:960px; float:left; margin:20px 0; padding:20px; font:1.1em/1.4em Arial, Helvetica, sans-serif;  text-align:justify; background:#fff;}
 .innercontent_left{width:640px; float:left; min-height:550px;border-right:1px dashed #ccc; padding-right:30px;}
 .innercontent_right{width:260px; float:left; min-height:550px;  margin:0 0 0 10px; }
			
.inner-tittleheading{font:20px 'VollkornRegular', "Times New Roman", Times, serif; color:#c13f7f;   margin:0; padding:0; text-align: left; display:block; margin-bottom:.4em; border-bottom:1px dashed #ccc;}
.inner-tittleheading span{padding:0px 0px;  color:#c13f7f;  text-align:center; }

hr.devide{display:block; margin-bottom:.1em; border-bottom:1px dashed #ccc; border-top:0px;}


.black{font:24px 'VollkornRegular', "Times New Roman", Times, serif; color:#000;   margin:0; padding:0; text-align: left; display:block; margin-bottom:0em; }

.blacksmall{font:28px 'RokkittRegular', "Times New Roman", Times, serif; color:#000;   margin:0; padding:0; text-align: left; display:block; margin-bottom:.2em; } 

#pslidung{
	width:260px;
	float:left;
	margin:10px 0 40px 14px;
	height:200px;
	background:#ccc;
	position:relative;
} 
#prodshow{
	float:left;
	position:absolute;
	left:0px;
	top:0px;
}

#prodshow .slides_container {
	border:1px solid #f5b0d2;
	width:260px;
	overflow:hidden;
	position:relative;
	display:none;
	box-shadow:0 0 4px #bbb;
	-moz-box-shadow:0 0 4px #bbb;
	-webkit-box-shadow:0 0 4px #bbb;
	-ms-box-shadow:0 0 4px #bbb;
	-o-box-shadow:0 0 4px #bbb;
}
#prodshow .slides_container div{
	width:260px;
	height:200px;
display:block;
}
#prodshow .slides_container div img{ width:260px; height:200px;}



#prodshow .slides_container div.innercap{
z-index:500;
	position:absolute;
	display:block;
	bottom:0px;
	left:-300px;
	width:250px;
	height:36px;
	background:#fff;
	padding:0 5px;
	font:16px/36px 'VollkornRegular',Helvetica, Arial,  sans-serif; 
	color:#000;
	text-decoration:none;
	float:left;
	text-shadow:none;
	text-align:center;

}

#prodshow .slides_container div.innercap a{font:16px/36px 'VollkornRegular',Helvetica, Arial,  sans-serif; color:#000; text-decoration:none;}

#prodshow .next,#prodshow .prev{
	position:absolute; bottom:-30px; right:30px; width:15px; height:14px; background:url(../images/circlearrows.png) 0 50% no-repeat;  z-index:101; text-decoration:none;
}

#prodshow .next {
	position: absolute;bottom:-30px; right:10px;width:15px;height: 14px;background:url(../images/circlearrows.png) -16px 50% no-repeat;text-decoration: none;z-index:150;

}
ul.rightnav{width:260px; float:left; margin:0 0 0 18px; list-style:none;  padding:0px;}
ul.rightnav li{ font:18px/50px 'VollkornRegular', "Times New Roman", Times, serif; display:block; padding:10px 10px 10px 0; margin:5px 0; border-bottom:1px dashed #ccc; }

ul.rightnav li img{ margin:0px 15px 0 0; float:left; }

.contact_form{width:630px; height:auto; margin:20px 0; float:left; background:#fff; border-top:none; border-radius:0 0.5em; -moz-border-radius:0.5em;-webkit-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; padding:10px;}
#contact_addr{width:100%; padding:0px 12px 20px 5px; height:auto; float:left; line-height:20px; font-size:1.1em;}
fieldset{border:none; margin:0px; padding:0px; float:left; background:#03F;}
.placeholder{color:#7e7d7b;}
::-webkit-input-placeholder{color:#7e7d7b;}
:-moz-placeholder{color:#7e7d7b;}
input[type=password],input[type=text], input[type=date],textarea, select{border:1px solid #cacaca;outline: none; padding:2px;}
input[type=password]:focus,input[type=text]:focus,input[type=date]:focus,textarea:focus{color:#000; background-color:#efefef; border:1px solid #069;}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button; *overflow:visible; border:0; outline:none }
button, input, select, textarea{font-size:95%; margin:0; vertical-align:baseline;  *vertical-align:middle; }
#frmfeed { float:left; margin:0px; padding:0px;}
#frmfeed textarea{ width:95%; resize:vertical; min-height:100px; margin:0 0 0 0px;}
#frmfeed{ float:left; position:relative;min-height:250px; width:640px;  }
#frmfeed input.element{ width:185px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
#frmfeed div{float:left;}
#frmfeed p{ float:left;margin:0 10px 10px 5px; display:block}
input.code{ width:80px;}
#frmfeed input[type=password],#frmfeed input[type=text],#frmfeed input[type=date],#frmfeed textarea,#frmfeed  select{ padding:5px;}
.captcha{ height:40px; padding:2px; list-style:none; margin:5px; display:block; float:left; width:100%; }
.captcha li{ float:left; margin:0 2px 0 0}
.captcha  span{ margin:0 2px 8px 0px; display:block;}
.captcha input{ height:22px; width:70px; font-size:16px;}

.errors{ position:absolute; float:left; width:150px; min-height:50px;  right:-50px; top:0; z-index:101}
.errors span{display:block; margin:5px 0;}
.innerError{font-size:11px; color:#f00; background:#fbe3e4 ; padding:2px; border:1px solid #fbc2c4; min-height:18px;}
.innerHelp{font-size:11px; color:#5f8d00;color:#5f8d00; background:#e6efc2; padding:2px; border:1px solid #339900; min-height:18px;  background:#fbe3e4 ;}


.button {
	background-color:#e60073;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #e60073;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	padding:5px 12px;
	text-decoration:none;
}.button:hover {
	background-color:#f6007b;
}.button:active {
	position:relative;
	top:1px;
}



/*PIE*/
.button,textarea,input[type=text], .code{behavior: url(PIE.htc);zoom:1; position:relative;}

.max{ width:100%; float:left; margin:5px 0 0px 0;}

.buttonblock{ width:100%; float:left; margin:5px 0 0px 10px;}


/*=====button Styles====*/


 #gallery{ width:650px; margin:10px 0 0 0px; padding:0 0 10px 0 ; list-style:none; float:left;}
 #gallery li{float:left;width:120px;height:150px;margin:0 20px 30px 0;background:#e8e8e8; position:relative; 
  behavior: url(PIE.htc); border:1px dashed #8b8c8c; box-shadow: 0 6px 8px -8px black; border-radius:4px;-webkit-box-shadow: 0 6px 8px -8px black; -moz-box-shadow: 0 6px 8px -8px black; text-align:center; padding:5px 8px;}
 
 
 #gallery li span{display:none; position:absolute; height:161px; width:135px; font-size:14px; line-height:50px;   left:0; top:0; text-align:center; cursor:pointer;background:transparent; background:rgba(255,177,215,0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb1d7,endColorstr=#ffb1d7)";    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb1d7,endColorstr=#ffb1d7);  zoom: 1; margin:0px;}
 ul#gallery li span img{ vertical-align:middle; margin:45px auto 0}
 
 .popleft{ float:left; width:250px; padding:10px; }.popright{ float:right; width:280px;  padding: 0 15px; color:#000; line-height:19px; }
 table td{ padding:2px 5px;} table{border:1px solid #fff;}
 
ul.list{list-style:none; margin:0px; padding:0px;}

ul.list li{margin:10px 0px 10px 0; background:url(../images/list_arrows.png) no-repeat left center; padding:0px 15px; display:block;  font:13px Arial, Helvetica, sans-serif; color:#333; }

ul.list li a{ color:#333; text-decoration:none;}

ul.list li a:hover{color:#d90da3; text-decoration:none;}

ul.list li img{ background:#fff; padding:4px; border:1px sosolid #000;}





.funzone{width:100%; float:left; padding:50px 70px; text-align:center;}

.funzone ul{ padding:0px; margin:0px; list-style:none; text-align:center;}

.funzone ul li{ float:left; padding:0px; margin:0px; list-style:none; text-align:center; display:inline-block;}

.funzone ul li span{  text-align:center; display:block;font:18px Verdana, Geneva, sans-serif; color:#000; margin:0.4em 0;  }

.funzone ul li span a{   color:#000; margin:0.4em 0; text-decoration:none;}

.funzone ul li span a:hover{color:#c13f7f; text-decoration:none;  }

.funzone ul li img{ background:#fff; padding:2px; border:1px solid #ccc;  margin:0 20px 10px 0;}

ul.games{list-style:none; margin:0px; padding:0px;}

ul.games li{list-style:none; margin:5px 25px 10px 0; padding:0px; display:inline-block; float:left;}

ul.games li img{padding:2px; border:1px solid #ccc;}