@charset "utf-8";
/* CSS Document */
/* Getting the new tags to behave */
div, nav, section, article, embed, footer, figure, header, hgroup, keygen, meter, video{ display:block;}

ul, ol, li, span, p, em, b, strong, h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px;}

a, img { border:0px; outline:none; text-decoration:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; color:#900;}
.fleft{float:left;}
.fright{float:right;}
.clearfix{visibility:hidden; display:block; content:","; line-height:0px; clear:both}

p{ line-height:20px;}

body{/*background:url(../images/main-bg.jpg) #EFAC5E repeat-x center top;*/ font-family: 'Yanone Kaffeesatz', sans-serif; font-size:17px; color:#333; margin:0px; padding:0px;
background:url(../images/main-bg.jpg) #EFAC5E repeat-x center top;
}


/*******Font Face*******/
@font-face {
    font-family: 'Swis721CnBTRoman';
    src: url('../fonts/swz721c-webfont.eot');
    src: url('../fonts/swz721c-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swz721c-webfont.woff') format('woff'),
         url('../fonts/swz721c-webfont.ttf') format('truetype'),
         url('../fonts/swz721c-webfont.svg#Swis721CnBTRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'StMarieThinThin';
    src: url('../fonts/stmarie-thin-webfont.eot');
    src: url('../fonts/stmarie-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stmarie-thin-webfont.woff') format('woff'),
         url('../fonts/stmarie-thin-webfont.ttf') format('truetype'),
         url('../fonts/stmarie-thin-webfont.svg#StMarieThinThin') format('svg');
    font-weight: normal;
    font-style: normal;} 
@font-face {
	font-family:"Covington Cond";
	src:url("../fonts/Coving05.eot?") format("eot"), 
	url("../fonts/Coving05.woff") format("woff"), 
	url("../fonts/Coving05.ttf") format("truetype"), 
	url("../fonts/Coving05.svg#CovingtonCond") format("svg");
	font-weight:normal;
	font-style:normal;
}

.gray-body{background:url(../images/gray-bg.jpg) #E7E7E7 repeat-x center top;}
.green-body{background:url(../images/green-bg.jpg) #B1E04A repeat-x center top;}
.red-body{background:url(../images/red-bg.jpg) #CE9600 repeat-x center top;}
.nred-body{background:url(../images/navchetan-bg.jpg) #CD0B3D repeat-x center top;}
.blue-body{background:url(../images/blue-bg.jpg) #93E0E9 repeat-x center top;}
.organic-body{background:url(../images/organic-tea-bg.jpg) #7FE119 repeat-x center top;}


/*********Wrapper*********/
#wrapper{margin:0px auto; padding:0px; width:960px; min-height:500px; background:url(../images/content-img.png) no-repeat center top; position:relative;}
body.diwali-2017 #wrapper { background: none; }

/*********Header*********/
header{margin:0px 0 20px 0; padding:0px; background:url(../images/nav-bg-th.png) no-repeat center 24px; z-index:9998; position:relative;}
.logo{ margin:-65px 20px 0 20px; *position:relative; *left:19px; float:left;}
.logo-ie{*position:absolute; *left:278px; *top:25px; *z-index:-99; *background:url(../images/logo-ie.png) no-repeat left bottom; *width:400px; *height:60px; *display:block !important; *float:left !important; display:none;}

ul.top-nav{ float:right; list-style-type:none; font-family:calibri, Tahoma, Geneva, sans-serif; font-size:11px; margin:9px 0px 0 0; color: #fff; top:10px; position:relative;}
ul.footer-nav{ float:left !important; list-style-type:none; font-family:calibri, Tahoma, Geneva, sans-serif; font-size:11px; margin:20px 0px 0 0; color: #fff; width:100px;}
ul.top-nav li, ul.footer-nav li{ float:left; width:auto; margin:0px;}
ul.top-nav li{ height:24px; line-height:24px;}
ul.top-nav li a, ul.footer-nav li a{ color:#fff; padding:0 5px;}

ul.top-nav li a:hover, ul.footer-nav li a:hover{color:#8A1E20;}
ul.footer-nav li{ font-size:16px; color:#333;}
ul.footer-nav li a{ color:#333; font-size:16px; padding:0 5px;}

ul.top-nav li ul{margin:12px 0 0 5px; list-style-type:none; clear:both; }
ul.top-nav li ul li{ padding:0px 0px; margin:0px !important; float:left;}

.welcome{position:absolute; right:10px; top:48px; font-family:calibri, Tahoma, Geneva, sans-serif; font-size:11px;  color:#851c1f;}
.welcome a{color:#333; border:0px; font-size:11px; text-decoration:underline;}
.welcome a:hover{color:#fff; text-decoration:none;}

/****Navigation****/
nav{ clear:both; font-family:'Swis721CnBTRoman',arial,serif; font-size:14px; margin-top:45px; padding:0 40px; display:table; *position:relative; color: #fff; background: url(../images/nav-bg-th.png) no-repeat center -54px;}
nav ul{list-style-type:none; float:left; width:318px;}

nav ul li{float:left; margin:0px 3px 0 2px;}
nav ul li a{color:#fff; padding:0px 0px; font-family:'Swis721CnBTRoman',arial,serif;font-size: 13px;}
nav ul li a:hover{color:#eea031;}
a.selected{color:#eea031 !important;}

#page{ width:896px; margin:0 auto}


/****Menu css****/
.nav-bottom{ background:url(../images/menu-line.png) no-repeat center top; width:805px; margin:0 auto; padding:10px 0px 0 0px; display:table; font-family:'Swis721CnBTRoman',arial,serif; }
.nav-bottom ul{list-style-type:none; margin:0 0 0 83px;*margin-left:62px;}
.nav-bottom ul li:first-child{margin-left:0;}
.nav-bottom ul li{float:left; margin:0 0 0 23px;*width:83px; *margin-left:3px; text-align:center;}
.nav-bottom ul li + li{margin-top:16px;*margin-top:18px;}
.nav-bottom ul li + li + li{margin-top:28px;*margin-top:30px;}
.nav-bottom ul li + li + li + li{margin-top:34px;*margin-top:36px;}
.nav-bottom ul li + li + li + li + li{margin-top:33px;*margin-top:35px;}
.nav-bottom ul li + li + li + li + li + li{margin-top:28px;}
.nav-bottom ul li + li + li + li + li + li + li{margin-top:18px;}
.nav-bottom ul li + li + li + li + li + li + li + li{margin-top:0;}
.nav-bottom ul li a{padding:2px 0 0 0; margin:0px; color:#2B5100; font-size:12px; display:block; *display:table;}
.nav-bottom ul li a:hover{color:#A72024;}

.nav-bottom ul li a span{background: url(../images/menu-icon.png) no-repeat left top; display:block; width:31px;  height:30px; margin:0 auto 12px auto; 
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
.nav-bottom ul li + li a span{background: url(../images/menu-icon.png) no-repeat left -83px;}
.nav-bottom ul li + li + li a span{background: url(../images/menu-icon.png) no-repeat left -166px;}
.nav-bottom ul li + li + li + li a span{background: url(../images/menu-icon.png) no-repeat left -249px;}
.nav-bottom ul li + li + li + li + li a span{background: url(../images/menu-icon.png) no-repeat left -332px;}
.nav-bottom ul li + li + li + li + li + li a span{background: url(../images/menu-icon.png) no-repeat left -415px;}
.nav-bottom ul li + li + li + li + li + li + li a span{background: url(../images/menu-icon.png) no-repeat left -498px;}
.nav-bottom ul li + li + li + li + li + li + li + li a span{background: url(../images/menu-icon.png) no-repeat left -581px;}

.nav-bottom ul li a:hover span{background: url(../images/menu-icon.png) no-repeat left -32px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
.nav-bottom ul li + li a:hover span{background: url(../images/menu-icon.png) no-repeat left -115px;}
.nav-bottom ul li + li + li a:hover span{background: url(../images/menu-icon.png) no-repeat left -198px;}
.nav-bottom ul li + li + li + li a:hover span{background: url(../images/menu-icon.png) no-repeat left -281px;}
.nav-bottom ul li + li + li + li + li a:hover span{background: url(../images/menu-icon.png) no-repeat left -364px;}
.nav-bottom ul li + li + li + li + li + li a:hover span{background: url(../images/menu-icon.png) no-repeat left -447px;}
.nav-bottom ul li + li + li + li + li + li + li a:hover span{background: url(../images/menu-icon.png) no-repeat left -530px;}
.nav-bottom ul li + li + li + li + li + li + li + li a:hover span{background: url(../images/menu-icon.png) no-repeat left -613px;}

/*****Footer*****/
footer{ background:url(../images/footer-bg.png) repeat-x center top; margin:0px; height:241px;}
.footer{ width:960px; margin:0 auto; display:table; padding:67px 0; }
.gulfood{ color:#900; font-size:13px; font-weight:bold; width:200px; /*margin:0 0 0 135px;*/ margin:0; top:25px; position:relative; float:left;}

.f-wb-tea-lounge{ margin:0px 0 0px 140px; width:117px; text-align:center;font-family:'Swis721CnBTRoman',arial,serif;  float:left;}
.f-wb-tea-lounge h1{margin:0px; color:#4C3108; font-size:18px; font-weight:bold; line-height:15px;}
.f-wb-tea-lounge ul{list-style-type:none; margin:12px 0 0 5px;*margin:14px 0 0 6px;}
.f-wb-tea-lounge ul li{float:left; margin-right:8px;}
.f-wb-tea-lounge ul li a{color:#fff; font-size:13px;}
.f-wb-tea-lounge ul li a:hover{color:#ccc;}

.facebook-f{ margin:0px 0 0 130px; float:left;}
.facebook-f ul{ list-style-type:none; margin:10px 0 0 0; }
.facebook-f ul li{}
.facebook-f ul li a{background:url(../images/twitter.png) no-repeat left top; height:20px; width:20px; margin-left:25px; display:block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
.facebook-f ul li a span{ background:url(../images/facebook.png) no-repeat left 3px; height:16px; width:50px; margin-left:23px; display:block;}
.facebook-f ul li a:hover{ background:url(../images/twitter.png) no-repeat left -21px;}

.facebook-f ul li + li a{background:url(../images/twitter.png) no-repeat -22px top; height:20px; width:20px; margin:32px 0 0 0px; display:block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
.facebook-f ul li + li a span{ background:url(../images/facebook.png) no-repeat left -10px; height:19px; width:60px; margin:3px 0 0 23px; display:block; float:left;}
.facebook-f ul li + li a:hover{ background:url(../images/twitter.png) no-repeat -22px -21px;}

.products-logo{ float:right; position:absolute; right:0px; margin-top:-50px; margin-right:50px;}

.c-link{ position:absolute; right:0px; bottom:0px; background:#fff; padding:5px 12px; font-size:11px; font-family:Arial, Helvetica, Tahoma, Geneva, sans-serif;}