| Server IP : 103.234.187.230 / Your IP : 216.73.216.216 Web Server : Apache System : Linux lserver42043-ind.megavelocity.net 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/rsdgroup/css/ |
Upload File : |
@charset "utf-8";
/* CSS Document */
body {
margin:0px;
padding:0px;
background:#ffffff;
color:#000000;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
@font-face {
font-family:"swis721thbtthin";
src:url("swis721thbtthin.eot?") format("eot"), url("swis721thbtthin.woff") format("woff"), url("swis721thbtthin.ttf") format("truetype"), url("swis721thbtthin.svg#swis721thbtthin") format("svg");
font-weight:normal;
font-style:normal;
}
/*@font-face {
font-family:"Franklin Gothic Demi";
src:url("franklingothicdemi.eot?") format("eot"), url("franklingothicdemi.woff") format("woff"), url("franklingothicdemi.ttf") format("truetype"), url("franklingothicdemi.svg#franklingothicdemi") format("svg");
font-weight:normal;
font-style:normal;
}*/
@font-face {
font-family:"FSHumana-light";
src:url("fsmeweb-light-fd.eot?") format("eot"), url("fsmeweb-light-fd.woff") format("woff"), url("fsmeweb-light-fd.ttf") format("truetype"), url("fsmeweb-light-fd.svg#fsmeweb-light-fd") format("svg");
font-weight:normal;
font-style:normal;
}
a {
color:#3f8c01;
text-decoration:underline;
}
.cl {
clear:both;
}
.fl{
float:left;
}
.fr{
float:right;
}
header {
width:100%;
margin:auto;
display:block;
height:620px;
}
.headerIn {
width:100%;
margin:auto;
display:block;
height:377px;
text-align:center;
}
.navOuter {
background:url(../images/blackBar.png) top left repeat-x;
height: 135px;
position: relative;
top: 0px;
}
.navOuterIn {
height: 135px;
margin:auto;
max-width:970px;
min-width:300px;
padding:0 10px;
}
.navOuterIn .logo {
float:left;
border:0px;
width:168px;
height:135px;
background:url(../images/rsd_logo.png) top left no-repeat;
}
.navOuterIn .topnavOuter {
float:right;
display:inline-block;
text-align:right;
}
.navOuterIn .topnavOuter .topnavUp {
display:inline-block;
text-align:right;
padding:7px 17px 2px 0px;
}
.navOuterIn .topnavOuter .topnavUp a {
color:#ffffff;
text-transform:uppercase;
font:normal 14px/25px "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0 0 0 25px;
float:right;
}
.srchfield{
background:url(../images/blkBg.png) top left repeat;
border-bottom:1px solid #7abd0b;
border-left:1px solid #7abd0b;
border-top:1px solid #7abd0b;
border-right:0px;
height:17px;
padding:4px;
float:right;
font:normal 13px/17px Arial, Helvetica, sans-serif;
color:#ffffff;
width:135px;
}
.srchfield:focus{
outline:none;
}
.inputbtnred {
background: url("../images/red_gradient.jpg") repeat-x left top #dc251d;
border: 1px solid #1c1b1b;
color: #ffffff;
display: inline-block;
font: bold 12px/26px Arial,Helvetica,sans-serif;
padding: 0 25px;
text-align: center;
text-decoration: none;
cursor:pointer;
}
.srchbtn{
background:url(../images/blkBg.png) top left repeat;
border-bottom:1px solid #7abd0b;
border-left:0px;
border-top:1px solid #7abd0b;
border-right:1px solid #7abd0b;
height:17px;
padding:4px;
float:right;
width:18px;
}
.watchit {
max-width:970px;
min-width:300px;
position: relative;
top: 290px;
margin:0 auto;
}
.navOuterIn .topnavOuter .topnavdown {
text-align:right;
padding:0px 0 0px 0px;
margin-top:-5px;
}
/*.navOuterIn .topnavOuter .topnavdown ul {
padding:0px 0px;
margin:0 0px;
list-style:none;
}
.navOuterIn .topnavOuter .topnavdown ul li {
padding:0px 0 0 35px;
margin:0 0px;
list-style:none;
display:inline;
}
.navOuterIn .topnavOuter .topnavdown ul li a {
color:#ffffff;
font:normal 14px/25px "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
}
.navthumb{
display:none;
}*/
.toggleMenu {
display: none;
color: #fff;
margin:13px 0 7px 0px;
}
.nav {
list-style: none;
*zoom: 1;
background:none;
padding:0 0px;
margin:0 0px;
background:none;
width:100%;
display:block;
}
.nav:before,
.nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: auto;
margin:0 0px;
padding:0 0px;
display:inline-block;
}
.nav a {
color:#ffffff;
font:normal 14px/25px "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
padding:14px 17px;
}
.nav a:hover {
color:#000000;
font:normal 14px/25px "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
background:#ffffff;
}
.nav li {
position: relative;
}
.nav > li {
float: left;
border-bottom: 0px solid #104336;
padding:0px 0 0 0px;
}
.nav > li > .parent {
background-image: none;
background-repeat: no-repeat;
background-position: right;
}
.nav > li > a {
display: block;
}
.nav li ul {
position: absolute;
left: -9999px;
margin-left:-25px;
z-index:999999;
}
.nav li ul li {
padding:0 0px;
}
.nav li ul li .topDrop {
padding:10px 20px;
background:#ffffff;
min-width:115px;
behavior: url(PIE.htc);
-moz-box-shadow: 0px 3px 2px 0px #858585;
-webkit-box-shadow: 0px 3px 2px 0px #858585;
box-shadow: 0px 3px 2px 0px #858585;
/* For IE 8 */
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#858585');
}
.navmargin{
margin-left:-125px!Important;
}
.nav li ul li .topDropLarge {
padding:0px 0px;
background:#ffffff;
width:520px;
text-align:left;
position:relative;
behavior: url(PIE.htc);
-moz-box-shadow: 0px 3px 2px 0px #858585;
-webkit-box-shadow: 0px 3px 2px 0px #858585;
box-shadow: 0px 3px 2px 0px #858585;
/* For IE 8 */
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#858585');
}
.nav li ul li .topDropLarge .topBox {
width:100%;
display:inline-block;
float:left;
position:relative;
}
.nav li ul li .topDropLarge .topBox span {
width:85px;
display:inline-block;
border-right:1px solid #d1d1d1;
padding:5px 25px;
background:url(../images/dropdown_shadowbg.jpg) left center no-repeat #ffffff;
cursor:pointer;
float:left;
border-bottom:1px solid #d1d1d1;
}
.nav li ul li .topDropLarge .topBox .activedrop {
width:85px;
display:inline-block;
border-right:1px solid #d1d1d1;
padding:5px 25px;
cursor:pointer;
float:left;
background:#ffffff;
border-bottom:1px solid #ffffff;
}
.activedropnone{
border-right:0px solid #d1d1d1!Important;
}
.nav li ul li .topDropLarge .bottomBox {
width:100%;
display:inline-block;
border-top:1px solid #d1d1d1;
margin-top:-1px;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn {
padding:10px 20px;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn .greenHeader {
width:100%;
font:bold 16px/22px Arial, Helvetica, sans-serif;
color:#3f8c01;
padding:0 0 5px 0px;
text-indent:5px;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn .greenHeader a {
font:bold 16px/22px Arial, Helvetica, sans-serif;
color:#3f8c01;
text-decoration:none;
display:inline;
border-bottom:none;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn .dropmidSection {
width:100%;
padding-bottom:20px;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn .dropmidSection a {
width:44%;
font:normal 14px/20px Arial, Helvetica, sans-serif;
color:#000000;
border-bottom:1px dotted #b4b4b4;
margin:2px 5px;
float:left;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn .dropmidSection a:hover {
width:44%;
font:normal 14px/20px Arial, Helvetica, sans-serif;
color:#3f8c01;
border-bottom:1px dotted #b4b4b4;
margin:2px 5px;
float:left;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn .dropbotSection {
width:100%;
text-align:center;
padding-bottom:20px;
}
.nav > li.hover > ul {
left: 0px;
}
.nav li li.hover ul {
left: 100%;
top: 0;
}
.nav li li a {
display: block;
position: relative;
z-index:100;
border-bottom: 1px dotted #b4b4b4;
text-align:left;
padding:3px 0px;
white-space:nowrap;
text-transform:none;
font:bold 12px/25px Arial, Helvetica, sans-serif;
}
.nav li li a:hover {
display: block;
position: relative;
z-index:100;
border-bottom: 1px dotted #b4b4b4;
text-align:left;
padding:3px 0px;
white-space:nowrap;
text-transform:none;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#3f8c01;
}
.nav li li .submenu {
display: block;
background:url(../images/lShape.jpg) 0px 0px no-repeat;
position: relative;
z-index:100;
border-bottom: 1px dotted #b4b4b4;
text-align:left;
padding:3px 0px;
white-space:nowrap;
text-transform:none;
font:normal 12px/25px Arial, Helvetica, sans-serif;
text-indent:15px;
margin-left:10px;
}
.nav li li .submenu:hover {
display: block;
background:url(../images/lShape.jpg) 0px 0px no-repeat;
position: relative;
z-index:100;
border-bottom: 1px dotted #b4b4b4;
text-align:left;
padding:3px 0px;
white-space:nowrap;
text-transform:none;
font:normal 12px/25px Arial, Helvetica, sans-serif;
text-indent:15px;
margin-left:10px;
}
.nav li li .submenulast {
display: block;
background:url(../images/lShape1.jpg) 0px 0px no-repeat;
position: relative;
z-index:100;
border-bottom: 1px dotted #b4b4b4;
text-align:left;
padding:3px 0px;
white-space:nowrap;
text-transform:none;
font:normal 12px/25px Arial, Helvetica, sans-serif;
text-indent:15px;
margin-left:10px;
}
.nav li li .submenulast:hover {
display: block;
background:url(../images/lShape1.jpg) 0px 0px no-repeat;
position: relative;
z-index:100;
border-bottom: 1px dotted #b4b4b4;
text-align:left;
padding:3px 0px;
white-space:nowrap;
text-transform:none;
font:normal 12px/25px Arial, Helvetica, sans-serif;
text-indent:15px;
margin-left:10px;
}
.brdrdrop_none{
border-bottom: 0px dotted #b4b4b4!Important;
}
.nav li li li a {
background:#666666;
z-index:200;
border-top: 0px solid #1d7a62;
padding:3px 20px;
}
ul.nav .activedrop a
{
background-color: #ffffff;
color: #000000;
}
ul.nav .hover a
{
background-color: #ffffff;
color: #000000;
}
.popupIn{
padding:30px;
padding-top:0px;
background:#000000;
}
section {
width:100%;
margin:auto;
display:block;
}
section .availability {
margin:auto;
width:100%;
padding:20px 0 30px 0px;
text-align:center;
}
section .availability .availabilityIn {
width:300px;
background:url(../images/avaibility_shadow.jpg) right top no-repeat;
display:inline-block;
padding-right:15px;
}
section .availability .availabilityInbgnone {
background:none;
}
section .availability .availabilityIn .availabilityIn_img {
width:280px;
display:block;
text-align:center;
height:275px;
}
section .availability .availabilityIn .availabilityIn_gm {
width:100%;
color:#000000;
font:normal 16px/22px "FSHumana-light", Arial, Helvetica, sans-serif;
text-align:center;
padding:5px 0px;
}
section .morethan {
margin:auto;
max-width:970px;
min-width:300px;
padding:0 10px;
}
section .morethanDevider {
border-top:1px solid #dbdbdb;
padding-bottom:55px;
margin-top:25px;
}
section .morethan h1 {
width:100%;
margin:0 auto;
padding:35px 0 0 0px;
text-align:center;
color:#000000;
font:normal 40px/50px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.largetxt {
width:100%;
margin:0 auto;
padding:5px 0px 20px 0px;
text-align:center;
color:#000000;
font:normal 40px/50px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .morethan p {
width:100%;
margin:0 auto;
padding:5px 0px;
text-align:center;
color:#000000;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .aboutcompany {
margin:auto;
max-width:970px;
min-width:300px;
padding:25px 5px;
}
section .aboutcompany .part1 {
float:left;
width:475px;
border-right:1px solid #dbdbdb;
}
section .aboutcompany .part1 .box1 {
float:left;
width:240px;
border-right:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
background:url(../images/over1500.jpg) top center no-repeat;
height:204px;
}
section .aboutcompany .part1 .box2 {
float:left;
width:234px;
border-bottom:1px solid #dbdbdb;
background:url(../images/over1_5.jpg) top center no-repeat;
height:204px;
}
section .aboutcompany .part1 .box3 {
float:left;
width:475px;
background:url(../images/over100_pro.jpg) top center no-repeat;
height:344px;
}
section .aboutcompany .part2 {
float:left;
width:494px;
}
section .aboutcompany .part2 .box1 {
float:left;
width:494px;
border-bottom:1px solid #dbdbdb;
background:url(../images/over500.jpg) top center no-repeat;
height:254px;
}
section .aboutcompany .part2 .box2 {
float:left;
width:494px;
background:url(../images/over1000.jpg) top center no-repeat;
height:295px;
}
section .successfulBrand {
margin:auto;
width:100%;
padding-bottom:15px;
background:url(../images/gradientbg.jpg) bottom left repeat-x #eaf3ea;
}
section .successfulBrand .successfulBrandIn {
margin:auto;
max-width:860px;
min-width:300px;
padding:0px 10px;
}
section .successfulBrand .successfulBrandIn h1 {
width:100%;
margin:0 auto;
padding:35px 0 15px 0px;
text-align:center;
color:#000000;
font:normal 40px/50px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .successfulBrand .successfulBrandIn .brndImage {
width:100%;
margin:0 auto;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox1 {
float:left;
width:215px;
background:url(../images/brand1.png) top center no-repeat;
height:276px;
text-align:center;
padding:60px 45px 0 45px;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox1 p {
color:#000000;
font:normal 12px/19px "FSHumana-light", Arial, Helvetica, sans-serif;
padding:15px 10px 0 10px;
margin:0 0px;
display:inline-block;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox2Main {
width:236px;
height:256px;
margin:auto;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox2Main .brandBox2 {
float:left;
width:166px;
background:url(../images/brand2.png) top center no-repeat;
height:206px;
text-align:center;
padding:50px 35px 0 35px;
margin:115px 0 0 30px;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox2Main .brandBox2 p {
color:#000000;
font:normal 12px/19px "FSHumana-light", Arial, Helvetica, sans-serif;
padding:10px 0px 0 0px;
margin:0 0px;
display:inline-block;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox3 {
float:right;
width:173px;
background:url(../images/brand3.png) top center no-repeat;
height:217px;
text-align:center;
padding:50px 35px 0 35px;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox3 p {
color:#000000;
font:normal 12px/19px "FSHumana-light", Arial, Helvetica, sans-serif;
padding:10px 0px 0 0px;
margin:0 0px;
display:inline-block;
}
section .braedcrumb {
margin:auto;
max-width:970px;
min-width:300px;
padding:25px 5px 0 5px;
color:#222222;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .braedcrumb a {
color:#222222;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
section .braedcrumb span {
color:#3f8c01;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
section .ourPro {
margin:auto;
max-width:970px;
min-width:300px;
padding:0 5px 55px 5px;
}
section .ourPro h1 {
width:100%;
margin:0 auto;
padding:35px 0 0 0px;
text-align:center;
color:#ec2d24;
font:normal 40px/50px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourPro h3 {
width:100%;
margin:0 auto;
padding:5px 0 0 0px;
text-align:center;
color:#ec2d24;
font:normal 40px/50px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourPro h2 {
width:100%;
margin:0 auto;
padding:10px 0 0 0px;
text-align:center;
color:#000000;
font:normal 20px/25px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourPro p {
width:100%;
margin:0 auto;
padding:5px 0px;
text-align:center;
color:#000000;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourPro .testmonial {
width:100%;
margin:0 auto;
padding:10px 0 0 0px;
text-align:right;
color:#3f8c01;
font:bold 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
display:inline-block;
}
.sitemapul {
width:100%;
}
.sitemapul li {
color:#000000;
font:normal 13px/22px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.sitemapul li a {
color:#000000;
text-decoration:none;
}
section .ourProSlider {
margin:auto;
max-width:970px;
min-width:300px;
padding:0 5px 55px 5px;
}
/* slider css start here */
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:620px; position:absolute; }
#headertxt { max-width:970px; min-width:300px; margin:0 auto; clear:both; position:relative; top:-165px; padding:0 10px; }
#firstline { color:#ffffff; font-size:52px; float:left; display:block; font-family:"FSHumana-light", Arial, Helvetica, sans-serif; width:410px; line-height:55px; padding-bottom:5px; }
#secondline { color:#ffffff; text-decoration:none; font-size:20px; float:left; display:block; clear:both; font-family:"FSHumana-light", Arial, Helvetica, sans-serif; width:410px; }
.btn { height:190px; width:80px; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); float:left; }
#next { background-image:url("../images/btn_next.png"); float:right; }
#control { background-image:url("../images/btn_pause.png"); }
#headernav-outer { position:relative; top:205px; margin:0 auto; width:95%; }
/* slider css end here */
.stepcarouse {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:890px; /*Width of Carousel Viewer itself*/
height: 180px; /*Height should enough to fit largest content's height*/
padding:0px 0px;
margin:0px 40px;
}
.stepcarouse .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarouse .panel {
float: left; /*leave this value alone*/
width: 206px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
padding:0 8px;
}
.stepcarouse .panel img {
border:1px solid #d9d9d9;
}
section .graybg{
width:100%;
margin:auto;
padding:30px 0px;
background:#f4f4f4;
}
section .graybg .graybgIn {
margin: auto;
max-width: 970px;
min-width: 300px;
padding: 0 5px;
}
section .graybg .graybgIn .featuredRecipe {
width: 354px;
padding:0 55px;
float:left;
border-right:1px solid #d3d3d3;
text-align:center;
}
section .graybg .graybgIn .featuredRecipe h2 {
width: 100%;
padding:10px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 40px/50px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .graybg .graybgIn .featuredRecipe .imagebox {
width: 100%;
float:left;
text-align:center;
height:165px;
}
section .graybg .graybgIn .featuredRecipe .imagebox img {
border:1px solid #afafaf;
}
section .graybg .graybgIn .featuredRecipe h3 {
width: 100%;
padding:10px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
section .graybg .graybgIn .featuredRecipe p {
width: 100%;
padding:0px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 13px/16px "FSHumana-light", Arial, Helvetica, sans-serif;
height:70px;
}
section .graybg .graybgIn .featuredRecipe .viewmore {
text-align:center;
color:#ffffff;
font:bold 12px/26px Arial, Helvetica, sans-serif;
border:1px solid #ffffff;
background:url(../images/red_gradient.jpg) top left repeat-x;
padding:0 25px;
display:inline-block;
text-decoration:none;
}
section .graybg .graybgIn .storelocator {
width: 424px;
padding:0 40px;
float:left;
border-right:0px solid #d3d3d3;
text-align:center;
}
section .graybg .graybgIn .storelocator h2 {
width: 100%;
padding:10px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 40px/50px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .graybg .graybgIn .storelocator .imagebox {
width: 100%;
float:left;
text-align:center;
height:165px;
}
section .graybg .graybgIn .storelocator .imagebox img {
border:0px solid #afafaf;
}
section .graybg .graybgIn .storelocator h3 {
width: 100%;
padding:10px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
section .graybg .graybgIn .storelocator p {
width: 100%;
padding:0px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 13px/16px "FSHumana-light", Arial, Helvetica, sans-serif;
height:70px;
}
section .graybg .graybgIn .storelocator .viewmore {
text-align:center;
color:#ffffff;
font:bold 12px/26px Arial, Helvetica, sans-serif;
border:1px solid #ffffff;
background:url(../images/red_gradient.jpg) top left repeat-x;
padding:0 25px;
display:inline-block;
text-decoration:none;
}
.viewmore_new {
text-align:center;
color:#ffffff;
font:bold 12px/26px Arial, Helvetica, sans-serif;
border:1px solid #1c1b1b;
background:url(../images/red_gradient.jpg) top left repeat-x;
padding:0 25px;
display:inline-block;
text-decoration:none;
float:left;
margin-top:20px;
}
section .blackbg{
width:100%;
margin:auto;
padding:30px 0px;
background:#000000;
}
section .blackbg .blackbgIn {
margin: auto;
max-width: 970px;
min-width: 300px;
padding: 0 10px;
}
section .blackbg .blackbgIn .whatsnew {
width: 250px;
float:left;
}
section .blackbg .blackbgIn .whatsnew h3 {
width: 100%;
float:left;
color:#9b9b9b;
font:normal 22px/24px "FSHumana-light", Arial, Helvetica, sans-serif;
padding:0 0px;
margin:0 0px;
}
section .blackbg .blackbgIn .whatsnew .whatsnewIn {
width: 100%;
float:left;
padding:20px 0px;
margin:0 0px;
border-bottom:1px solid #5c5c5c;
}
section .blackbg .blackbgIn .whatsnew .padnone {
padding-bottom:0px!Important;
border-bottom:0px solid #5c5c5c!Important;
}
section .blackbg .blackbgIn .whatsnew .whatsnewIn p {
width: 100%;
float:left;
color:#ffffff;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
padding:0px 0px;
margin:0 0px;
}
section .blackbg .blackbgIn .whatsnew .whatsnewIn .date {
float:left;
color:#898989;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
padding:0px 0 0 22px;
background:url(../images/time_icon.jpg) left center no-repeat;
margin-top:10px;
}
section .blackbg .blackbgIn .quicklink {
width: 300px;
float:left;
padding:0 0 0 85px;
}
section .blackbg .blackbgIn .quicklink .quicklinkIn {
width: 150px;
float:left;
padding:0 0px;
}
section .blackbg .blackbgIn .quicklink .quicklinkIn h4 {
width: 150px;
float:left;
padding:0 0 20px 0px;
margin:0 0px;
color:#fffefe;
font:normal 22px/25px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .blackbg .blackbgIn .quicklink .quicklinkIn ul {
width: 150px;
float:left;
padding:0 0px;
margin:0 0px;
list-style:none;
}
section .blackbg .blackbgIn .quicklink .quicklinkIn ul li {
width: 150px;
float:left;
padding:3px 0px;
margin:0 0px;
list-style:none;
}
section .blackbg .blackbgIn .quicklink .quicklinkIn ul li a {
float:left;
padding:0px 0 0 12px;
color:#fffefe;
font:normal 13px Arial, Helvetica, sans-serif;
text-decoration:none;
background:url(../images/grayArrow.jpg) left center no-repeat;
}
section .blackbg .blackbgIn .newsletter {
width: 270px;
float:right;
}
section .blackbg .blackbgIn .newsletter h3 {
width: 100%;
float:left;
color:#9b9b9b;
font:normal 22px/24px "FSHumana-light", Arial, Helvetica, sans-serif;
padding:0 0px;
margin:0 0px;
}
section .blackbg .blackbgIn .newsletter p {
width: 100%;
float:left;
color:#ffffff;
font:normal 13px/18px Arial, Helvetica, sans-serif;
padding:20px 0 12px 0px;
margin:0 0px;
}
section .blackbg .blackbgIn .newsletter .viewmore {
text-align:center;
color:#ffffff;
font:bold 12px/26px Arial, Helvetica, sans-serif;
border:1px solid #1c1b1b;
background:url(../images/red_gradient.jpg) top left repeat-x;
padding:0 25px;
display:inline-block;
text-decoration:none;
float:left;
margin-top:20px;
}
section .blackbg .blackbgIn .newsletter .txtfield {
width: 248px;
float:left;
color:#949494;
font:normal 13px/18px Arial, Helvetica, sans-serif;
padding:8px 10px;
margin:0 0px;
background:#282828;
border:1px solid #636363;
}
footer {
width:100%;
margin:auto;
display:block;
background:#212121;
padding:6px 0px;
}
footer .footerIn {
margin:auto;
max-width:970px;
min-width:300px;
padding:0 10px;
}
footer .footerIn .followus {
float:left;
display:inline;
color:#787777;
font:normal 18px/34px "FSHumana-light", Arial, Helvetica, sans-serif;
}
footer .footerIn .followus span {
float:left;
padding-right:13px;
}
footer .footerIn .followus .fbook {
float:left;
margin-right:3px;
display:block;
width:35px;
height:35px;
background:url(../images/followUs_img.jpg) 0px 0px no-repeat;
}
footer .footerIn .followus .twitter {
float:left;
margin-right:3px;
display:block;
width:35px;
height:35px;
background:url(../images/followUs_img.jpg) -37px 0px no-repeat;
}
footer .footerIn .followus .ytube {
float:left;
margin-right:3px;
display:block;
width:35px;
height:35px;
background:url(../images/followUs_img.jpg) -74px 0px no-repeat;
}
footer .footerIn .followus .gplus {
float:left;
margin-right:3px;
display:block;
width:35px;
height:35px;
background:url(../images/followUs_img.jpg) -111px 0px no-repeat;
}
footer .footerIn .footernav {
float:right;
display:inline;
color:#909090;
font:normal 12px/34px "FSHumana-light", Arial, Helvetica, sans-serif;
}
footer .footerIn .footernav a {
color:#909090;
font:normal 12px/34px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
footer .footerIn .footernav .poweredby {
color:#4d4d4d;
font:normal 12px/34px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
display:inline-block;
}
.followscroll{
position:fixed;
top:40%;
right:0px;
width:36px;
height:141px;
display:block;
background:url(../images/followus_slider.png) right top no-repeat;
z-index:9999;
padding:5px 0 5px 10px;
}
.followscroll a{
float:left;
width:36px;
height:29px;
margin:3px;
display:block;
}
.please_clickbtn{
position:fixed;
top:40%;
cursor:pointer;
left:0px;
z-index:9999;
}
.please_click{
position:fixed;
top:31%;
left:-720px;
z-index:999999;
width:715px;
}
.please_clickIn{
background:#ffffff;
padding:10px 0px;
width:672px;
float:left;
behavior: url(PIE.htc);
-moz-box-shadow: 0px 1px 1px 1px #333333;
-webkit-box-shadow: 0px 1px 1px 1px #333333;
box-shadow: 0px 1px 3px 1px #333333;
/* For IE 8 */
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
}
#plclickme{
cursor:pointer;
margin-top:85px;
}
.screenlock{
width:100%;
height:100%;
display:none;
background:#000000;
display:none;
position: fixed;
top: 0;
z-index:99999;
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
}
section .graybg .graybgIn .aboutQuick {
width: 33%;
float:left;
text-align:center;
}
section .graybg .graybgIn .aboutQuick .aboutQuickIn {
padding:0 20px;
}
section .graybg .graybgIn .aboutQuick .aboutQuickIn h2 {
width: 100%;
padding:10px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 30px/40px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .graybg .graybgIn .aboutQuick .aboutQuickIn .imagebox {
width: 100%;
float:left;
text-align:center;
}
section .graybg .graybgIn .aboutQuick .aboutQuickIn p {
width: 100%;
padding:15px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 13px/16px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .graybg .graybgIn .aboutQuick .aboutQuickIn .viewmore {
background:url(../images/moreBtn.png) top left no-repeat;
display:inline-block;
height:25px;
width:20px;
}
section .graybg .graybgIn .aboutQuick .aboutQuickIn .viewmore:hover {
background:url(../images/moreBtn_hover.png) top left no-repeat;
display:inline-block;
height:25px;
width:76px;
margin-left:57px;
}
.rotateMain {
height: 300px;
width: 299px;
display:block;
float:left;
padding:30px 0px;
}
.rotate {
height: 300px;
width: 299px;
display:block;
float:left;
background:url(../images/rotate_hover.png) center center no-repeat;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
}
.rotate:hover {
height: 300px;
width: 299px;
display:block;
float:left;
background:url(../images/rotate_hover.png) center center no-repeat;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.chairman_message{
width:650px;
height:475px;
float:right;
padding:20px 0px;
}
#mcs3_container{margin:0; width:100%; height:100%; padding:0 0px;}
#mcs3_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs3_container .customScrollBox .container{position:relative; width:95%; top:0; float:left;}
#mcs3_container .customScrollBox .content{clear:both;}
#mcs3_container .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color:#000000; font:13px/18px "FSHumana-light",Arial,Helvetica,sans-serif}
#mcs3_container .customScrollBox img{border:3px solid #31231E; margin:0 0 0 15px;}
#mcs3_container .dragger_container{position:relative; width:0px; height:100%; float:left; margin:0px 0 0 25px; border-left:1px solid #9a9a9a; border-right:0px solid #1fa4f0; cursor:pointer}
#mcs3_container .dragger{position:absolute; width:9px; height:60px; background:#1fa4f0; margin-left:-5px; overflow:hidden; cursor:pointer;}
#mcs3_container .dragger_pressed{position:absolute; width:9px; height:60px; background:#1fa4f0; margin-left:-5px; overflow:hidden; cursor:pointer;}
.benefit_imgBox{
float:right;
}
.benefitContent{
margin:0 450px 0 0;
}
.benefitContent h4{
width:100%;
color:#000000;
font:normal 30px/35px "FSHumana-light", Arial, Helvetica, sans-serif;
margin:0 0px;
padding:0 0px;
}
.benefitContent ul{
width:100%;
margin:0 0px;
padding:25px 0 0 0px;
}
.benefitContent ul li{
margin:8px 0px;
padding:0 0 0 40px;
display:block;
color:#000000;
font:normal 14px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
background:url(../images/green_arrow.png) left top no-repeat;
}
section .ourProdetail {
margin:auto;
max-width:970px;
min-width:300px;
padding:0 5px 40px 5px;
}
section .ourProdetail .leftcontainer {
width:215px;
float:left;
background:url(../images/leftBox_shadow.png) top left no-repeat;
padding-top:170px;
margin-top:-205px;
}
section .ourProdetail .leftcontainer .botline {
width:200px;
float:left;
border-bottom:1px solid #dfdfdf;
padding-top:10px;
}
section .ourProdetail .leftcontainer h4 {
width:197px;
float:left;
height:35px;
background:#ebebeb;
color:#000000;
font:bold 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
text-align:center;
text-transform:uppercase;
padding:0 0px;
margin:0 1px;
}
section .ourProdetail .leftcontainer .pronav {
color:#3f8c01;
font:bold 16px/40px "FSHumana-light", Arial, Helvetica, sans-serif;
padding:0 0px;
margin:0 1px 0 26px;
text-decoration:none;
display:block;
}
section .ourProdetail .leftcontainer ul {
width:213px;
float:left;
padding:0 0px;
margin:0 1px;
list-style:none;
}
section .ourProdetail .leftcontainer ul li {
width:213px;
float:left;
padding:0 0px;
margin:0 0px;
list-style:none;
line-height:27px;
}
section .ourProdetail .leftcontainer ul li a {
width:172px;
float:left;
padding:0 0px 0 25px;
margin:0 0px;
list-style:none;
border-bottom:1px solid #ffffff;
border-top:1px solid #ffffff;
color:#000000;
font:normal 13px/25px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
section .ourProdetail .leftcontainer ul li:hover {
width:213px;
float:left;
padding:0 0px;
margin:0 0px;
list-style:none;
line-height:27px;
background:#ffffff;
}
section .ourProdetail .leftcontainer ul li:hover a {
width:172px;
float:left;
padding:0 0px 0 25px;
margin:0 0px;
list-style:none;
border-bottom:1px solid #dfdfdf;
border-top:1px solid #dfdfdf;
color:#000000;
font:normal 13px/25px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
section .ourProdetail .leftcontainer ul .activelnav {
width:213px;
float:left;
padding:0 0px;
margin:0 0px;
list-style:none;
line-height:27px;
background:#ffffff;
}
section .ourProdetail .leftcontainer ul .activelnav a {
width:172px;
float:left;
padding:0 0px 0 25px;
margin:0 0px;
list-style:none;
border-bottom:1px solid #dfdfdf;
border-top:1px solid #dfdfdf;
color:#000000;
font:normal 13px/25px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
section .ourProdetail .rightcontainer {
width:750px;
float:right;
}
section .ourProdetail .rightcontainer .braedcrumbInner {
width:100%;
float:left;
padding:10px 0px;
color:#222222;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourProdetail .rightcontainer .braedcrumbInner a {
color:#222222;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
section .ourProdetail .rightcontainer .braedcrumbInner span {
color:#3f8c01;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
section .ourProdetail .rightcontainer .ourProdetailtop {
width:100%;
float:left;
}
section .ourProdetail .rightcontainer .ourProdetailtop h1 {
width:100%;
float:left;
padding:15px 0px;
text-align:center;
color:#ec2d24;
font:normal 40px/50px "FSHumana-light", Arial, Helvetica, sans-serif;
margin:0 0px;
}
section .ourProdetail .rightcontainer .ourProdetailtop p {
width:100%;
margin:0 auto;
padding:5px 0px;
text-align:left;
color:#000000;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
float:left;
}
section .ourProdetail .rightcontainer .ourProdetailtop p span {
color:#3f8c01;
font:normal 14px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourProdetail .rightcontainer .ourProdetailtop p img {
float:left;
padding-right:15px;
padding-bottom:15px;
}
section .ourPro .mainProBox {
margin: 65px auto auto auto;
width: 100%;
}
section .ourPro .mainProBox .mainProBoxIn {
width: 100%;
float:left;
}
section .ourPro .mainProBox .mainProBoxIn .productnavBox {
width: 231px;
height:237px;
float:left;
border:1px solid #d8d8d8;
text-align:center;
margin:4px;
background:#ffffff;
}
section .ourPro .mainProBox .mainProBoxIn .productnavBox:hover {
width: 231px;
height:237px;
float:left;
border:1px solid #f02f25;
text-align:center;
background:#ffffff;
margin:4px;
behavior: url(PIE.htc);
-moz-box-shadow: 0px 0px 3px 3px #fda5a7;
-webkit-box-shadow: 0px 0px 3px 3px #fda5a7;
box-shadow: 0px 0px 3px 3px #fda5a7;
/* For IE 8 */
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}
section .ourPro .mainProBox .mainProBoxIn .productnavBox .topname {
width: 215px;
float:left;
text-align:left;
padding:15px 0 0 20px;
color:#222222;
font:bold 16px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourPro .mainProBox .mainProBoxIn .productnavBoxLarge {
width: 430px;
height:382px;
float:left;
border:1px solid #d8d8d8;
text-align:center;
margin:5px;
background:#ffffff;
text-align:right;
padding:100px 40px 0 0px;
color:#222222;
font:bold 16px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
section .ourPro .mainProBox .mainProBoxIn .productnavBoxLarge:hover {
width: 430px;
height:382px;
float:left;
border:1px solid #f02f25;
text-align:center;
margin:5px;
background:#ffffff;
text-align:right;
padding:100px 40px 0 0px;
behavior: url(PIE.htc);
-moz-box-shadow: 0px 0px 3px 3px #fda5a7;
-webkit-box-shadow: 0px 0px 3px 3px #fda5a7;
box-shadow: 0px 0px 3px 3px #fda5a7;
/* For IE 8 */
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}
section .rural_container {
margin:auto;
width:100%;
padding:0px;
background:url(../images/vertical_stript.jpg) center bottom repeat-x #f3f9f2;
}
section .rural_container .rural_innercontainer{
width:100%;
margin:0px;
padding:14px 0px;
background:url(../images/vertical_rular.png) center top no-repeat;
float:left;
}
section .rural_container .rural_innercontainer .rural_left{
margin:0 40px;
padding:20px 0 0 0px;
height:54px;
}
section .rural_container .rural_innercontainer .rural_left1{
margin:0 40px;
padding:23px 0 0 0px;
height:80px;
}
.rural_text_box1{
width:310px;
float:right;
padding:5px 10px;
background:#dff7d2;
font:normal 13px "FSHumana-light",Arial,Helvetica,sans-serif;
color:#000000;
border:1px solid #84b868;
border-radius:7px;
border-top-right-radius:7px;
border-bottom-right-radius:7px;
border-bottom-left-radius:7px;
border-top-left-radius:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius:7px;
-webkit-border-top-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;
-webkit-border-top-left-radius:7px;
-webkit-border-radius:7px;
}
.rural_text_box2{
width:310px;
float:left;
padding:5px 10px;
background:#dff7d2;
font:normal 13px "FSHumana-light",Arial,Helvetica,sans-serif;
color:#000000;
border:1px solid #84b868;
border-radius:7px;
border-top-right-radius:7px;
border-bottom-right-radius:7px;
border-bottom-left-radius:7px;
border-top-left-radius:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius:7px;
-webkit-border-top-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;
-webkit-border-top-left-radius:7px;
-webkit-border-radius:7px;
}
/*-------------------------------03-03-2015 Start from here---------------------------------*/
section .greenbg{
width:100%;
margin:auto;
padding:30px 0px;
background:#5fb738;
}
section .greenbg .greenIn {
margin: auto;
max-width: 970px;
min-width: 300px;
padding: 0 5px;
}
section .morethan h3 {
width:100%;
margin:0 auto;
padding:0px 0 0 0px;
text-align:center;
color:#ffffff;
font:normal 40px/50px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .morethan ul {
margin: 0px;
padding: 25px 0 0;
width: 100%;
}
section .morethan ul li {
color: #ffffff;
display: inline-block;
font: 16px/106px "FSHumana-light",Arial,Helvetica,sans-serif;
margin: 8px 0;
padding: 0 0px;
width:300px;
}
section .morethan ul li a {
color: #ffffff;
text-decoration:none;
font: 16px/20px "FSHumana-light",Arial,Helvetica,sans-serif!Important;
margin: 40px 0 0px 0;
float:right;
width:185px;
}
section .morethan ul li span {
margin: 0px 5px 0 0;
width:106px;
float:left;
height:106px;
}
section .nutbg{
margin:auto auto 30px;
padding:20px 0 9px;
background:url(../images/box_shadow.jpg) center bottom no-repeat;
}
.nutbg_in{
padding:0px 0 0px;
text-align:center;
border-bottom:0px solid #e1e1e1;
border-left:1px solid #e1e1e1;
}
.pro_container_white{
width:200px;
margin-top:-1px;
padding:20px;
text-align:center;
border-top:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
float:left;
}
.pro_container_white h5{
width:100%;
margin:0 auto;
padding:0px;
text-align:center;
color:#000000;
height:40px;
font:normal 16px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.distance_container{
height:65px;
width:auto;
display:inline-block;
margin:0px;
padding:10px 20px;
border:1px solid #e1e1e1;
}
.distance_container code{
margin:0px;
padding:10px;
color:#f7692a;
font:bold 20px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.distance_container p{
margin:0px;
padding:0px;
color:#000000;
font:normal 12px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.pro_container_gray{
width:200px;
margin-top:-1px;
padding:20px;
border-top:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
background:#f4f4f4;
float:left;
text-align:center;
}
.pro_container_gray h5{
width:100%;
margin:0 auto;
padding:0px;
text-align:center;
color:#000000;
height:40px;
font:normal 16px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.distance_box_whitebg{
background:#ffffff;
}
section .compositions {
margin:auto;
width:100%;
padding:20px 0 30px 0px;
text-align:center;
}
section .compositions .compositionsIn {
width:300px;
background:url(../images/composition_shadow.jpg) right top no-repeat;
display:inline-block;
padding-right:15px;
}
section .compositions .compositionsInbgnone {
background:none;
}
section .compositions .compositionsIn .compositionsIn_img {
width:280px;
text-align:center;
height:241px;
}
section .compositions .compositionsIn .compositionsIn_img h6 {
width:280px;
color:#f87d46;
margin:0px;
padding:10px 0 0 0px;
height:70px;
text-align:center;
font:normal 30px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .compositions .compositionsIn .compositionsIn_img p {
width:180px;
float:left;
color:#000000;
margin:0px;
padding:0px 50px;
font:normal 16px/25px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .compositions .compositionsIn .compositionsIn_gm {
width:100%;
color:#000000;
font:normal 16px/22px "FSHumana-light", Arial, Helvetica, sans-serif;
text-align:center;
padding:5px 0px;
}
.contact_box{
width:100%;
margin-top:40px;
padding:0px;
}
.contact_contents_left{
width:68%;
margin:0px;
padding:0px;
float:left;
height:275px;
background:url(../images/avaibility_shadow.jpg) right top no-repeat;
}
.contact_contents_left h4{
width:100%;
margin:0 auto;
padding:0px;
text-align:left;
color:#f87d46;
height:40px;
font:normal 20px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.contact_contents_left table{
width:90%;
margin:0px;
padding:0px;
}
.contact_contents_left table tr th{
color:#000000;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
text-align:left;
}
.contact_contents_left table tr td{
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.contact_contents_left table tr th code{
color:#ec2d24;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.contact_contents_right{
width:287px;
margin:0px;
padding-top:34px;
float:right;
text-align:center;
}
.distribution_right{
width:290px;
margin:0px;
padding:0px;
float:right;
text-align:center;
}
.distribution_input{
width:90%;
margin:0px;
padding:5px 10px;
background:#ffffff;
border:1px solid #7abd0b;
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.custom_input{
width:90%;
margin:0px;
padding:5px 10px;
background:#ffffff;
border:1px solid #7abd0b;
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.custom_input_full{
width:100%;
margin:0px;
padding:5px 10px;
background:#ffffff;
border:1px solid #7abd0b;
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.custom_input_half{
width:50%;
margin:0px;
padding:5px 10px;
background:#ffffff;
border:1px solid #7abd0b;
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.distribution_textarea{
width:90%;
margin:0px;
height:100px;
padding:5px 10px;
background:#ffffff;
border:1px solid #7abd0b;
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.custome_textarea{
width:90%;
margin:0px;
height:100px;
padding:5px 10px;
background:#ffffff;
border:1px solid #7abd0b;
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.submit_button{
background:#7abd0b;
color:#ffffff;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
margin:0px;
text-align:center;
width:100px;
padding:8px 12px;
text-decoration:none;
border:none;
cursor:pointer;
}
.reset_button{
background:#ed3237;
color:#ffffff;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
margin:0px;
border:none;
text-align:center;
width:100px;
padding:8px 12px;
text-decoration:none;
cursor:pointer;
}
.apply_now{
background:#7abd0b;
color:#ffffff;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
margin:0px;
text-align:center;
width:100px;
padding:8px 12px;
text-decoration:none;
border:none;
cursor:pointer;
}
.distrubution_left{
width:100%;
margin:0px;
padding:0px;
float:left;
}
.distrubution_left h4{
width:100%;
margin:0 auto;
padding:0px;
text-align:left;
color:#f87d46;
height:40px;
font:normal 20px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box{
width:50%;
margin:0px;
padding:0px;
float:left;
}
.table_box table{
width:100%;
margin:0px;
padding:0px;
}
.table_box table tr th{
color:#000000;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box table tr td{
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box table tr th code{
color:#ec2d24;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_comp{
width:100%;
margin:0px;
padding:0px;
float:left;
}
.table_box_comp table{
width:100%;
margin:0px;
padding:0px;
}
.table_box_comp table tr th{
color:#000000;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_comp table tr td{
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_comp table tr th code{
color:#ec2d24;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_apply{
width:100%;
margin:0px;
padding:0px;
float:left;
}
.table_box_apply table{
width:100%;
margin:0px;
padding:0px;
}
.table_box_apply table tr th{
color:#000000;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_apply table tr td{
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_apply table tr th code{
color:#ec2d24;
font:bold 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.dropArrow {
background: url(../images/droupdown_.png) no-repeat scroll right center #ffffff;
float: left;
text-align: left;
padding:5px 10px;
width:90%;
margin-right:20px;
border:1px solid #7abd0b;
color:#000000;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.dropArrow .styled-select {
float: left;
overflow: hidden;
width: 100%;
}
.dropArrow .styled-select select {
background: none repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 0;
color: #000000;
font:normal 14px Trebuchet MS, Arial, Helvetica, sans-serif;
line-height: 5px;
padding: 0;
width: 110%;
}
.halfbox{
width:50%;
}
.fullbox{
width:100%;
}
.checkcontainer{
width:225px;
margin:5px 0px;
padding:0px;
float:left;
}
.imgmain_box{
width:100%;
margin:0px;
padding:25px 0px 30px 0px;
background:url(../images/box_shadow.jpg) bottom center no-repeat;
}
.pics{
width: 231px;
height:280px;
float:left;
border:1px solid #d8d8d8;
text-align:center;
margin:4px;
background:#ffffff;
}
.news_box{
width:100%;
margin:0px;
padding:25px 0px 30px 0px;
background:url(../images/box_shadow.jpg) bottom center no-repeat;
}
.datebox{
width:100px;
height:100px;
margin:0px;
padding:10px;
border:1px solid #3f8c01;
color: #000000;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
text-align:center;
float:left;
}
.datebox span{
color: #000000;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
display:block;
}
.datebox strong{
color: #000000;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
display:block;
}
.eventimgbox{
width:117px;
height:121px;
margin:0px;
padding:0px;
border:1px solid #3f8c01;
color: #000000;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
text-align:center;
float:left;
}
.newscontent{
margin-left:140px;
padding-right:15px;
}
.newscontent h6{
width:100%;
margin:0 auto;
padding-bottom:10px;
text-align:left;
color:#3f8c01;
font:normal 20px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.newscontent p{
width:100%;
margin:0px;
padding:0px !important;
text-align:left !important;
color:#f87d46;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.newscontent p a{
width:100%;
margin:0px;
padding-left:10px;
text-decoration:none;
color:#ff0000;
font:normal 13px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.pp_news_box{
width:100%;
margin:0px;
padding:25px 0px 30px 0px;
}
.ppdate{
width:100px;
height:100px;
margin:0px;
padding:10px;
border:1px solid #ffffff;
color: #ffffff;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
text-align:center;
float:left;
}
.ppdate span{
color: #ffffff;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
text-align:center;
display:block;
}
.ppdate strong{
color: #ffffff;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
text-align:center;
display:block;
}
.pcontent{
margin-left:140px;
padding-right:15px;
}
.pcontent table{
color:ffffff;
font-size:12px;
}
.pcontent h6{
width:100%;
margin:0 auto;
padding-bottom:15px;
text-align:left;
color:#ffffff;
font:bold 18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.pcontent p{
width:100%;
margin:0px;
padding:0px !important;
text-align:left !important;
color:#ffffff;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.whiteimgbg{
width:117px;
height:160px;
margin-right:10px;
padding:0px;
float:left;
}
.whiteimgbg p{
width:100%;
margin:0px;
padding:0px;
text-align:center !important;
color:#ffffff;
font:bold 13px/22px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.whiteimgbg p span{
text-align:center;
color:#ffffff;
font:normal 13px "FSHumana-light", Arial, Helvetica, sans-serif !important;
}
.marginrightno{
margin-right:0px !important;
}
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
margin: 15px 0;
color:#3f9100;
font:bold 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif !important;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #3f9100;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #3f9100;
}
.thelanguage{
color:#3F3F3F;
font:normal 14px "FSHumana-light", Arial, Helvetica, sans-serif !important;
}
/*-------------------------------03-03-2015 End from here---------------------------------*/
/*-------------------------------18-03-2015 Start from here for left nav in responsive---------------------------------*/
.aboutleft {
background: url("../images/leftBox_shadow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
float: left;
margin-top: -207px;
padding-top: 170px;
width: 215px;
/*border-bottom:1px solid #c0c0c0;*/
}
.aboutleft .activebox {
list-style-type:none;
color:#000000;
font:bold 20px/30px "FSHumana-light",Arial,Helvetica,sans-serif;
padding:0px;
display:block;
margin:0px;
text-align:center;
width:200px;
}
.botline {
width:200px;
float:left;
border-bottom:1px solid #dfdfdf;
padding-top:6px;
}
/*
aside .whitebg{
width:100%;
margin:auto;
padding:30px 0px;
background:#ffffff;
}
aside .whitebg .whitebgIn {
margin: auto;
max-width: 970px;
min-width: 300px;
padding: 0 5px;
}
.method{
margin:0 0px 0 0;
}
.method h4{
width:100%;
color:#000000;
font:normal 30px/35px "FSHumana-light", Arial, Helvetica, sans-serif;
margin:0 0px;
padding:0 0px;
}
.method ul{
width:100%;
margin:0 0px;
padding:10px 0 0 0px;
}
.method ul li{
margin:8px 0px;
padding:0 0 0 40px;
display:block;
color:#000000;
font:normal 14px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
background:url(../images/green_arrow.png) left top no-repeat;
}*/
.recipe_img{
width:200px;
margin-right:15px;
padding:0px;
float:left;
}
.recipes_product {
float: left;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}
.recipe_details{
width:100%;
margin:0px;
padding:0px;
float:left;
}
.recipe_details ul li{
margin:0px;
padding:5px 0px;
text-align:left;
}
.anythingSlider2 {
width:652px;
height: 338px;
position: relative;
margin: 0 auto;
}
.anythingSlider2 .wrapper_imge {
width: 652px;
height: 305px;
position: absolute;
}
.anythingSlider2 .wrapper_imge ul {
width: 32700px;
list-style: none;
position: absolute;
top: 0;
margin: 0 auto 0 -40px;
height:305px
}
.anythingSlider2 ul li {
display: block;
float: left;
padding: 0;
height: 305px;
width: 652px;
margin: 0 auto;
text-align:center;
}
.anythingSlider2 ul li span {
font:normal 36px/41px Raleway-Light, Arial, Helvetica, sans-serif;
color:#000000;
}
.anythingSlider2 ul li code {
font:bold 16px/24px Arial, Helvetica, sans-serif!Important;
color:#000000;
}
#thumbNav {
position: relative;
top: 315px;
text-align:center;
margin: 0 0px;
}
#thumbNav a {
height: 13px;
width:13px;
margin: 0 5px 0 0;
background:url(../images/green_bullets.png) no-repeat;
text-align: center;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
display:inline-block;
}
#thumbNav a:hover {
height:13px;
width:13px;
}
#thumbNav a.cur {
background:url(../images/blue_single_hover.png) no-repeat;
height:13px;
width:13px;
}
.srchResultBox{
width:100%;
margin:0px;
padding:25px 0px 30px 0px;
background:url(../images/box_shadow.jpg) bottom center no-repeat;
}
.srchResultBox h6{
width:100%;
margin:0 auto;
padding-bottom:10px;
text-align:left;
color:#3f8c01;
font:normal 20px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.srchResultBox p{
width:100%;
margin:0px;
padding:0px !important;
text-align:left !important;
color:#f87d46;
font:normal 13px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.srchResultBox p a{
width:100%;
margin:0px;
padding-left:10px;
text-decoration:none;
color:#ff0000;
font:normal 13px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.branchSelectBox{
width:300px;
float:left;
}
.branchSelectBox h5{
width:100%;
float:left;
text-align:center;
border-bottom:1px solid #dbdbdb;
background:url(../images/gray_arrow.jpg) bottom center no-repeat;
padding:11px 0px;
margin:0 0px;
color:#161616;
font:normal 30px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.branchSelectBox .branchTable{
float:left;
padding:15px 20px;
display:inline;
}
.branchSelectBox .branchTable table{
width:260px;
}
.srchbtnred {
text-align:center;
color:#ffffff;
font:bold 12px/26px Arial, Helvetica, sans-serif;
border:1px solid #1c1b1b;
background:url(../images/red_gradient.jpg) top left repeat-x;
padding:0 25px;
display:inline-block;
text-decoration:none;
}
.branchMapBox{
margin:0px 0 0 320px;
}
.branchMapBoxIn{
width:100%;
height:350px;
float:left;
border:1px solid #dbdbdb;
margin-top:62px;
}
.branchLocatetxt{
width:100%;
float:left;
margin:15px 0px 0 0px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
}
.locatetable {
border-left: 1px solid #cccccc;
float: left;
width: 100%;
}
.locatetable tr th {
background: none repeat scroll 0 0 #1fa4f0;
border-bottom: 1px solid #acbabd;
color: #ffffff;
display: table-cell;
font: bold 13px/16px "FSHumana-light", Arial, Helvetica, sans-serif;
padding: 5px;
text-align: left;
vertical-align: top;
}
.locatetable tr td {
background: none repeat scroll 0 0 #ffffff;
border-bottom: 1px solid #acbabd;
color: #393939;
font: 13px/15px "FSHumana-light", Arial, Helvetica, sans-serif;
padding: 5px;
text-align: left;
}
/*-------------------------------18-03-2015 Start from here for left nav in responsive---------------------------------*/
@media only screen and (max-width: 900px) {
/*.navOuterIn .topnavOuter .topnavdown ul li {
padding:0px 0 0 15px;
margin:0 0px;
list-style:none;
display:inline;
}*/
.nav a {
color:#ffffff;
font:normal 14px/25px "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
padding:14px 10px;
}
section .aboutcompany .part1 {
float:left;
width:100%;
border-right:0px solid #dbdbdb;
}
section .aboutcompany .part1 .box1 {
float:left;
width:100%;
border-right:0px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
background:url(../images/over1500.jpg) top center no-repeat;
height:204px;
}
section .aboutcompany .part1 .box2 {
float:left;
width:100%;
border-bottom:1px solid #dbdbdb;
background:url(../images/over1_5.jpg) top center no-repeat;
height:204px;
}
section .aboutcompany .part1 .box3 {
float:left;
width:100%;
background:url(../images/over100_pro.jpg) top center no-repeat;
height:344px;
border-bottom:1px solid #dbdbdb;
}
section .aboutcompany .part2 {
float:left;
width:100%;
}
section .aboutcompany .part2 .box1 {
float:left;
width:100%;
border-bottom:1px solid #dbdbdb;
background:url(../images/over500.jpg) top center no-repeat;
height:254px;
}
section .aboutcompany .part2 .box2 {
float:left;
width:100%;
background:url(../images/over1000.jpg) top center no-repeat;
height:295px;
}
.stepcarouse {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:670px; /*Width of Carousel Viewer itself*/
height: 180px; /*Height should enough to fit largest content's height*/
padding:0px 0px;
margin:auto;
}
.stepcarouse .panel {
float: left; /*leave this value alone*/
width: 206px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
padding:0 8px;
}
section .graybg .graybgIn .featuredRecipe {
width: 100%;
padding:0 0px;
float:left;
border-right:0px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
padding-bottom:20px;
text-align:center;
}
section .graybg .graybgIn .storelocator {
width: 100%;
padding:0 0px;
float:left;
border-right:0px solid #d3d3d3;
text-align:center;
padding-top:10px;
}
section .graybg .graybgIn .featuredRecipe p {
width: 100%;
padding:0px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 13px/16px "FSHumana-light", Arial, Helvetica, sans-serif;
height:auto;
padding-bottom:15px;
}
section .graybg .graybgIn .storelocator p {
width: 100%;
padding:0px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 13px/16px "FSHumana-light", Arial, Helvetica, sans-serif;
height:auto;
padding-bottom:15px;
}
section .blackbg .blackbgIn .quicklink {
width: 300px;
float:left;
padding:0 0 0 50px;
}
section .ourProdetail .leftcontainer {
width:215px;
float:left;
background:url(../images/leftBox_shadow.png) top left no-repeat;
padding-top:170px;
margin-top:-205px;
display:none;
}
section .ourProdetail .rightcontainer {
width:100%;
float:right;
}
#MDME {margin-left: 2px; display:none;}
.aboutleft {
background: url("../images/leftBox_shadow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
float: left;
margin-top: -207px;
padding-top: 170px;
width: 215px;
position:absolute;
z-index:99999999;
}
.aboutleft .activebox {
cursor:pointer;
}
section .rural_container .rural_innercontainer{
background:url(../images/vertical_rular.png) left top no-repeat;
}
section .rural_container .rural_innercontainer .rural_left{
margin:0 5px;
}
.rural_text_box1{
width:auto;
float:none;
font-size:12px;
margin-left:115px;
}
.rural_text_box2{
width:auto;
float:none;
font-size:12px;
margin-left:115px;
}
}
@media only screen and (max-width: 850px) {
section .successfulBrand .successfulBrandIn .brndImage .brandBox2Main .brandBox2 {
float:left;
width:166px;
background:url(../images/brand2.png) top center no-repeat;
height:206px;
text-align:center;
padding:50px 35px 0 35px;
margin:-175px 0 0 35px;
}
section .blackbg .blackbgIn .whatsnew {
width: 200px;
float:left;
}
section .blackbg .blackbgIn .quicklink {
width: 300px;
float:left;
padding:0 0 0 20px;
}
section .blackbg .blackbgIn .newsletter {
width: 222px;
float:right;
}
section .blackbg .blackbgIn .newsletter .txtfield {
width: 200px;
float:left;
color:#949494;
font:normal 13px/18px Arial, Helvetica, sans-serif;
padding:8px 10px;
margin:0 0px;
background:#282828;
border:1px solid #636363;
}
.chairman_message{
width:450px;
height:475px;
float:right;
padding:20px 0px;
}
#mcs3_container .customScrollBox .container{position:relative; width:90%; top:0; float:left;}
/*---------------------04-03-15---------------------*/
.contact_contents_left{
width:100%;
background:none;
}
.contact_contents_right{
display:none;
}
.distribution_right{display:none;}
.fullbox{
width:90%;
}
section .rural_container .rural_innercontainer{
background:url(../images/vertical_rular.png) left top no-repeat;
}
section .rural_container .rural_innercontainer .rural_left{
margin:0 5px;
}
.rural_text_box1{
width:auto;
float:none;
font-size:12px;
margin-left:115px;
}
.rural_text_box2{
width:auto;
float:none;
font-size:12px;
margin-left:115px;
}
}
@media only screen and (max-width: 650px) {
body {
margin:0px;
padding:0px;
background:#ffffff;
color:#000000;
font:normal 11px/15px "FSHumana-light", Arial, Helvetica, sans-serif;
}
header {
width:100%;
margin:auto;
display:block;
height:300px;
}
.headerIn {
width:100%;
margin:auto;
display:block;
height:300px;
text-align:center;
}
section .morethan h1 {
width:100%;
margin:0 auto;
padding:15px 0 0 0px;
text-align:center;
color:#000000;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .morethan p {
width:100%;
margin:0 auto;
padding:5px 0px;
text-align:center;
color:#000000;
font:normal 11px/15px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .aboutcompany .part1 {
float:left;
width:100%;
border-right:0px solid #dbdbdb;
}
section .aboutcompany .part1 .box1 {
float:left;
width:100%;
border-right:0px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
background:url(../images/over1500.jpg) top center no-repeat;
height:204px;
}
section .aboutcompany .part1 .box2 {
float:left;
width:100%;
border-bottom:1px solid #dbdbdb;
background:url(../images/over1_5.jpg) top center no-repeat;
height:204px;
}
section .aboutcompany .part1 .box3 {
float:left;
width:100%;
background:url(../images/over100_pro.jpg) top center no-repeat;
height:344px;
border-bottom:1px solid #dbdbdb;
}
section .aboutcompany .part2 {
float:left;
width:100%;
}
section .aboutcompany .part2 .box1 {
float:left;
width:100%;
border-bottom:1px solid #dbdbdb;
background:url(../images/over500.jpg) top center no-repeat;
height:254px;
}
section .aboutcompany .part2 .box2 {
float:left;
width:100%;
background:url(../images/over1000.jpg) top center no-repeat;
height:295px;
}
section .successfulBrand .successfulBrandIn h1 {
width:100%;
margin:0 auto;
padding:15px 0 0 0px;
text-align:center;
color:#000000;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
margin: 15px 0;
color:#3f9100;
font:bold 12px/18px "FSHumana-light", Arial, Helvetica, sans-serif !important;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #3f9100;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #3f9100;
}
.thelanguage{
color:#3F3F3F;
font:normal 11px "FSHumana-light", Arial, Helvetica, sans-serif !important;
}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:290px; position:absolute; }
#headertxt { max-width:970px; min-width:300px; margin:0 auto; clear:both; position:relative; top:-55px; padding:0 10px; }
#firstline { color:#ffffff; font-size:22px; float:left; display:block; font-family:"FSHumana-light", Arial, Helvetica, sans-serif; width:185px; line-height:28px; padding-bottom:5px; }
#secondline { color:#ffffff; text-decoration:none; font-size:13px; float:left; display:block; clear:both; font-family:"FSHumana-light", Arial, Helvetica, sans-serif; width:185px; }
.btn { height:25px; width:26px; cursor:pointer; }
#back { background-image:url("../images/btn_back1.png"); float:left; }
#next { background-image:url("../images/btn_next1.png"); float:left; margin-left:8px; }
#headernav-outer { position:relative; top:95px; margin:0 auto; width:95%; }
.navOuter {
background:url(../images/blackBar_sm.png) top left repeat-x;
height: 135px;
position: relative;
top: 0px;
}
.navOuterIn .topnavOuter .topnavUp a {
color:#ffffff;
text-transform:uppercase;
font:normal 12px/25px "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0 0 0 10px;
float:right;
}
.srchfield{
background:url(../images/blkBg.png) top left repeat;
border-bottom:1px solid #7abd0b;
border-left:1px solid #7abd0b;
border-top:1px solid #7abd0b;
border-right:0px;
height:17px;
padding:4px 2px;
float:right;
font:normal 13px/17px Arial, Helvetica, sans-serif;
color:#ffffff;
width:85px;
}
#faqs{
display:none;
}
.srchbtn{
background:url(../images/blkBg.png) top left repeat;
border-bottom:1px solid #7abd0b;
border-left:0px;
border-top:1px solid #7abd0b;
border-right:1px solid #7abd0b;
height:17px;
padding:4px 2px;
float:right;
width:18px;
}
.watchit {
max-width:970px;
min-width:300px;
position: relative;
top: 400px;
margin:0 auto;
display:none;
}
.navOuterIn .logo {
float:left;
border:0px;
width:118px;
height:100px;
background:url(../images/rsd_logo_sm.png) top left no-repeat;
}
/*.navOuterIn .topnavOuter .topnavdown ul {
padding:0px 0px;
margin:0 0px;
list-style:none;
display:none;
float:right;
position:absolute;
top:75px;
right:0px;
background:#000000;
z-index:999999;
}
.navOuterIn .topnavOuter .topnavdown ul li {
padding:3px 20px;
margin:0 0px;
list-style:none;
display:block;
text-align:left;
border-bottom:1px solid #9e9e9e;
}
.navOuterIn .topnavOuter .topnavdown ul li a {
color:#ffffff;
font:normal 14px/25px "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
text-decoration:none;
}
.navthumb{
display:inline;
}*/
.nav {
list-style: none;
*zoom: 1;
background:none;
padding:0 0px;
margin:0 0px 0 0px;
background:#ffffff;
z-index:999999;
position:absolute;
right:0px;
}
.active {
display: block;
}
.nav > li {
float: none;
text-align:left;
border-bottom:1px dotted #b4b4b4;
}
.nav > li > a {
display: block;
padding:3px 10px;
}
.nav li li a {
display: block;
background: #333333;
position: relative;
z-index:100;
border-bottom: 1px dotted #b4b4b4;
text-align:left;
padding:3px 0px;
}
.nav li ul {
position: absolute;
left: -9999px;
margin-left:0px;
}
.nav a {
color:#000000;
font:normal 14px/25px "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
}
.nav > li > .parent {
background-image: url("../images/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.nav li li .parent {
}
.nav ul {
display: block;
width: 100%;
margin:0 0px;
padding:0 0px;
}
.nav > li.hover > ul , .nav li li.hover ul {
position: static;
}
.nav li ul li .topDrop {
padding:10px 20px;
background:#ffffff;
behavior: url(PIE.htc);
-moz-box-shadow: 0px 0px 0px 0px #858585;
-webkit-box-shadow: 0px 0px 0px 0px #858585;
box-shadow: 0px 0px 0px 0px #858585;
}
.navmargin{
margin-left:0px!Important;
}
.nav li ul li .topDropLarge {
padding:0px 0px;
background:#ffffff;
width:100%;
margin-left:0px;
behavior: url(PIE.htc);
-moz-box-shadow: 0px 0px 0px 0px #858585;
-webkit-box-shadow: 0px 0px 0px 0px #858585;
box-shadow: 0px 0px 0px 0px #858585;
}
.nav li ul li .topDropLarge .topBox span {
width:85px;
display:inline-block;
border-right:1px solid #d1d1d1;
padding:5px 7px;
background:url(../images/dropdown_shadowbg.jpg) left center no-repeat #ffffff;
cursor:pointer;
float:left;
border-bottom:1px solid #d1d1d1;
}
.nav li ul li .topDropLarge .topBox .activedrop {
width:85px;
display:inline-block;
border-right:1px solid #d1d1d1;
padding:5px 7px;
cursor:pointer;
float:left;
background:#ffffff;
border-bottom:1px solid #ffffff;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn .dropmidSection a {
width:98%;
font:normal 14px/20px Arial, Helvetica, sans-serif;
color:#000000;
border-bottom:1px dotted #b4b4b4;
margin:2px 5px;
float:left;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn .dropmidSection a:hover {
width:98%;
font:normal 14px/20px Arial, Helvetica, sans-serif;
color:#3f8c01;
border-bottom:1px dotted #b4b4b4;
margin:2px 5px;
float:left;
}
.nav li ul li .topDropLarge .bottomBox .bottomBoxIn .dropbotSection {
width:100%;
text-align:center;
padding-bottom:20px;
display:none;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox2Main .brandBox2 {
float:left;
width:166px;
background:url(../images/brand2.png) top center no-repeat;
height:206px;
text-align:center;
padding:50px 35px 0 35px;
margin:335px 0 0 -270px;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox3 {
float:right;
width:173px;
background:url(../images/brand3.png) top center no-repeat;
height:217px;
text-align:center;
padding:50px 35px 0 35px;
margin-top:215px;
}
section .ourPro h1 {
width:100%;
margin:0 auto;
padding:35px 0 0 0px;
text-align:center;
color:#ec2d24;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourPro h3 {
width:100%;
margin:0 auto;
padding:5px 0 0 0px;
text-align:center;
color:#ec2d24;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourPro h2 {
width:100%;
margin:0 auto;
padding:10px 0 0 0px;
text-align:center;
color:#000000;
font:normal 15px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourPro p {
width:100%;
margin:0 auto;
padding:5px 0px;
text-align:center;
color:#000000;
font:normal 11px/15px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .ourPro .testmonial {
width:100%;
margin:0 auto;
padding:10px 0 0 0px;
text-align:right;
color:#3f8c01;
font:bold 11px/15px "FSHumana-light", Arial, Helvetica, sans-serif;
display:inline-block;
}
.stepcarouse {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:230px; /*Width of Carousel Viewer itself*/
height: 180px; /*Height should enough to fit largest content's height*/
padding:0px 0px;
margin:auto;
}
.stepcarouse .panel {
float: left; /*leave this value alone*/
width: 206px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
padding:0 8px;
}
footer .footerIn .followus {
float:left;
display:inline;
color:#787777;
font:normal 18px/34px "FSHumana-light", Arial, Helvetica, sans-serif;
}
footer .footerIn .footernav {
float:left;
display:inline;
color:#909090;
font:normal 12px/34px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .blackbg .blackbgIn .whatsnew {
width: 100%;
float:left;
}
section .blackbg .blackbgIn .whatsnew .padnone {
padding-bottom:20px!Important;
border-bottom:1px solid #5c5c5c!Important;
margin-bottom:15px;
}
section .blackbg .blackbgIn .quicklink {
width: 100%;
float:left;
padding:0 0 0 0px;
}
section .blackbg .blackbgIn .quicklink .quicklinkIn {
width: 49%;
float:left;
padding:0 0px;
}
section .blackbg .blackbgIn .quicklink .quicklinkIn h4 {
width: 100%;
float:left;
padding:0 0 20px 0px;
margin:0 0px;
color:#fffefe;
font:normal 22px/25px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .blackbg .blackbgIn .newsletter {
width: 100%;
float:left;
border-top:1px solid #5c5c5c;
padding-top:10px;
margin-top:10px;
}
section .blackbg .blackbgIn .newsletter .txtfield {
width: 90%;
float:left;
color:#949494;
font:normal 13px/18px Arial, Helvetica, sans-serif;
padding:8px 10px;
margin:0 0px;
background:#282828;
border:1px solid #636363;
}
.followscroll{
position:fixed;
top:40%;
right:0px;
width:46px;
height:151px;
display:block;
background:url(../images/followus_slider.png) right top no-repeat;
z-index:9999;
display:none;
}
.please_clickbtn{
position:fixed;
top:40%;
cursor:pointer;
left:0px;
z-index:9999;
display:none;
}
section .graybg .graybgIn .aboutQuick {
width: 100%;
float:left;
text-align:center;
padding:10px 0px;
}
.chairman_message{
width:100%;
height:auto;
float:left;
padding:20px 0px;
}
#mcs3_container .customScrollBox .container{position:relative; width:92%; top:0px!Important; float:left;}
.largetxt {
width:100%;
margin:0 auto;
padding:5px 0px;
text-align:center;
color:#000000;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .graybg .graybgIn .aboutQuick .aboutQuickIn h2 {
width: 100%;
padding:10px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .graybg .graybgIn .aboutQuick .aboutQuickIn p {
width: 100%;
padding:10px 0px;
margin:0 0px;
float:left;
text-align:center;
color:#000000;
font:normal 11px/15px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.benefit_imgBox{
float:right;
display:none;
}
.benefitContent{
margin:0 0px 0 0;
}
.benefitContent h4{
width:100%;
color:#000000;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
margin:0 0px;
padding:0 0px;
}
.benefitContent ul li{
margin:4px 0px;
padding:0 0 0 40px;
display:block;
color:#000000;
font:normal 11px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
background:url(../images/green_arrow.png) left top no-repeat;
}
section .ourProdetail .rightcontainer .ourProdetailtop h1 {
width:100%;
float:left;
padding:15px 0px;
text-align:center;
color:#ec2d24;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
margin:0 0px;
}
section .ourProdetail .rightcontainer .ourProdetailtop p {
width:100%;
margin:0 auto;
padding:5px 0px;
text-align:left;
color:#000000;
font:normal 11px/15px "FSHumana-light", Arial, Helvetica, sans-serif;
float:left;
}
section .ourProdetail .rightcontainer .ourProdetailtop p span {
color:#3f8c01;
font:normal 12px/15px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .availability .availabilityIn .availabilityIn_gm {
width:100%;
color:#000000;
font:normal 12px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
text-align:center;
padding:5px 0px;
}
section .availability .availabilityIn {
width:300px;
background:none;
display:inline-block;
}
.navOuterIn .topnavOuter .topnavUp {
display:inline-block;
text-align:right;
padding:7px 0px 2px 0px;
}
/*----------------------------------04-03-15---------------------*/
section .morethan h3 {
width:100%;
margin:0 auto;
padding:0px 0 0 0px;
text-align:center;
color:#ffffff;
font:normal 20px/30px "FSHumana-light", Arial, Helvetica, sans-serif;
}
section .morethan ul {
padding: 5px 0 0;
}
section .nutbg{
background:none;
}
section .compositions .compositionsIn {
width:300px;
background:none;
display:inline-block;
}
section .compositions .compositionsIn .compositionsIn_img {
width:280px;
text-align:center;
height:155px;
}
.contact_contents_left{
width:100%;
background:none;
}
.contact_contents_right{
display:none;
}
.contact_contents_left h4{
text-align:left;
}
.contact_contents_left table{
width:100%;
}
.table_box{
width:100%;
}
.distribution_input{
width:85%;
}
.custom_input{
width:100%;
}
.distribution_textarea{
width:85%;
}
.custome_textarea{
width:100%;
}
.halfbox{
width:80%;
}
.submit_button{
width:170px;
margin:10px 0px;
}
.reset_button{
width:170px;
}
.table_box_comp table tr th{
color:#000000;
font:normal 12px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_comp table tr td{
color:#000000;
font:normal 12px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_comp table tr th code{
color:#ec2d24;
font:bold 12px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_apply table tr th{
color:#000000;
font:normal 12px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_apply table tr td{
color:#000000;
font:normal 12px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.table_box_apply table tr th code{
color:#ec2d24;
font:bold 12px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.fullbox{
width:85%;
}
.dropArrow {
width:100%;
}
.imgmain_box{
background:none;
}
.newscontent h6{
font:normal 15px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.newscontent p a{
font:normal 11px "FSHumana-light", Arial, Helvetica, sans-serif;
}
.ppdate{
width:210px;
height:40px;
margin-bottom:10px;
padding:10px;
border:1px solid #ffffff;
color: #ffffff;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
text-align:center;
}
.ppdate span{
color: #ffffff;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
display:inline;
}
.ppdate strong{
color: #ff0000;
font:normal 30px/33px Trebuchet MS, Arial, Helvetica, sans-serif;
display:inline;
padding:0 10px;
}.pcontent{
padding-right:15px;
margin:0px;
}
.whiteimgbg{
width:100%;
text-align:center !important;
}
.whiteimgbg p{
width:100%;
text-align:center !important;
}
.branchSelectBox{
width:100%;
float:left;
}
.branchSelectBox .branchTable{
float:left;
padding:15px 20px;
display:inline;
width:80%;
}
.branchSelectBox .branchTable table{
width:100%;
}
.branchMapBox{
margin:0px 0 0 00px;
float:left;
width:100%;
}
.branchMapBoxIn{
width:100%;
height:350px;
float:left;
border:1px solid #dbdbdb;
margin-top:30px;
}
section .rural_container .rural_innercontainer{
background:url(../images/vertical_rular.png) left top no-repeat;
}
section .rural_container .rural_innercontainer .rural_left{
margin:0 5px;
}
.rural_text_box1{
width:auto;
float:none;
font-size:12px;
margin-left:115px;
}
.rural_text_box2{
width:auto;
float:none;
font-size:12px;
margin-left:115px;
}
}
@media only screen and (max-width: 500px) {
section .aboutcompany .part1 .box1 {
float:left;
width:100%;
border-right:0px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
background:url(../images/over1500.jpg) top center no-repeat;
height:204px;
}
section .aboutcompany .part1 .box2 {
float:left;
width:100%;
border-bottom:1px solid #dbdbdb;
background:url(../images/over1_5.jpg) top center no-repeat;
height:204px;
}
section .aboutcompany .part1 .box3 {
float:left;
width:100%;
background:url(../images/over100_pro_1.jpg) top center no-repeat;
height:233px;
border-bottom:1px solid #dbdbdb;
}
section .aboutcompany .part2 .box1 {
float:left;
width:100%;
border-bottom:1px solid #dbdbdb;
background:url(../images/over500_1.jpg) top center no-repeat;
height:140px;
}
section .aboutcompany .part2 .box2 {
float:left;
width:100%;
background:url(../images/over1000_1.jpg) top center no-repeat;
height:190px;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox2Main .brandBox2 {
float:left;
width:166px;
background:url(../images/brand2.png) top center no-repeat;
height:206px;
text-align:center;
padding:50px 35px 0 35px;
margin:-520px 0 0 0px;
}
section .successfulBrand .successfulBrandIn .brndImage .brandBox3 {
float:left;
width:173px;
background:url(../images/brand3.png) top center no-repeat;
height:217px;
text-align:center;
padding:50px 35px 0 35px;
margin-top:250px;
margin-left:20px;
}
section .graybg .graybgIn .featuredRecipe .imagebox img {
border:1px solid #afafaf;
width:290px;
}
section .graybg .graybgIn .storelocator .imagebox img {
border:0px solid #afafaf;
width:290px;
}
section .graybg .graybgIn .storelocator .imagebox {
width: 100%;
float:left;
text-align:center;
height:120px;
}
section .ourProdetail .rightcontainer .ourProdetailtop p img {
float:left;
padding-right:15px;
padding-bottom:15px;
display:none;
}
section .ourPro .mainProBox .mainProBoxIn .productnavBoxLarge {
width: 221px;
height:227px;
float:left;
border:1px solid #d8d8d8;
text-align:center;
margin:5px;
background:#ffffff;
text-align:right;
padding:10px 10px 0 0px;
color:#222222;
font:bold 16px/18px "FSHumana-light", Arial, Helvetica, sans-serif;
text-decoration:none;
}
section .ourPro .mainProBox .mainProBoxIn .productnavBoxLarge:hover {
width: 221px;
height:227px;
float:left;
border:1px solid #f02f25;
text-align:center;
margin:5px;
background:#ffffff;
text-align:right;
padding:10px 10px 0 0px;
behavior: url(PIE.htc);
-moz-box-shadow: 0px 0px 3px 3px #fda5a7;
-webkit-box-shadow: 0px 0px 3px 3px #fda5a7;
box-shadow: 0px 0px 3px 3px #fda5a7;
/* For IE 8 */
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}
section .rural_container .rural_innercontainer{
background:url(../images/vertical_rular.png) left top no-repeat;
}
section .rural_container .rural_innercontainer .rural_left{
margin:0 5px;
}
.rural_text_box1{
width:auto;
float:none;
font-size:12px;
margin-left:115px;
}
.rural_text_box2{
width:auto;
float:none;
font-size:12px;
margin-left:115px;
}
}