/* Menu Css Starts Here  */
.innerpage{ height:100px; }
.chromestyle .first { background:none; margin-left:0;}
.chromestyle .first a { padding-left:0; }

.chromestyle .second { background:none; margin-left:0px;}
.chromestyle .second a { padding-left:0;}


.chromestyle .last { margin-right:0; }
.chromestyle .last a { padding-right:0;}
.chromestyle .ACTIVE a{color:#FFDB2E;}




/* ######### Style for Drop Down Menu ######### */
.div{
	display: block;
	font-weight:bold; list-style:none;
	float:left;
	margin-left:25px; overflow: hidden; z-index:100;
} 
.div a{
	color:#fff;
	text-decoration:none;
	height:21px;
	font-weight:bold;
	font-size:15px;
	font-family: "Times New Roman", Times, serif;
	}


.div a:hover {color:#FFDB2E; }	

 .dropmenudiv1{
	text-align:left;
	font-size:17px;
	margin-top:7px;
	font-weight: bold;
	position:absolute;
	left:0;
	top:108px;
	margin-left:307px;
	font-family: "Times New Roman", Times, serif;
	}

.div .dropmenudiv1 a{
	color:#fff;
	width: auto;
	display: block; padding:0;
	text-decoration: none;	

}
* html .dropmenudiv1 a{ /*IE only hack*/	
	text-decoration:none;

}

.dropmenudiv1 a:hover{ /*THEME CHANGE HERE*/
	color:#FFDB2E; text-decoration: none;
}	
/*Menu1 css ends */


.div .pad4 a {	
	color:#fff;
	width: auto;
	padding:0;
	text-decoration: none;	
	}


 .dropmenudiv2{
	text-align:left;
	font-size:17px;
	margin-top:7px;
	font-weight: bold;
	position:absolute;
	left:229px;
	top:108px;
	margin-left:295px;
	font-family: "Times New Roman", Times, serif;
	}
.div .dropmenudiv2 a{
	color:#fff;
	width: auto;
	display: block; padding:0;
	text-decoration: none;	

}
* html .dropmenudiv2 a{ /*IE only hack*/	
	text-decoration:none;

}

.dropmenudiv2 a:hover{ /*THEME CHANGE HERE*/
	color:#FFDB2E; text-decoration: none;
}		

 .last-style{
	margin-left:0px; float:right; padding-right:5px;
	}	
	
.fair-trade { background:url(../images/our-coffee-down.gif) 0 0 no-repeat; height:15px; width:68px; }
.fair-trade:hover{background:url(../images/our-coffee-down.gif)0 -17px no-repeat; height:15px; width:68px;}

.beanology { background:url(../images/beanology.gif) 0 0 no-repeat; height:15px; width:70px; }
.beanology:hover{background:url(../images/beanology.gif)0 -15px no-repeat; height:15px; width:70px;}


.brewing-methods { background:url(../images/brewing.gif) 0 0 no-repeat; height:15px; width:118px; }
.brewing-methods:hover{background:url(../images/brewing.gif)0 -15px no-repeat; height:15px; width:118px;}

.fair-trade { background:url(../images/our-coffee-down.gif) 0 0 no-repeat; height:15px; width:68px; }
.fair-trade:hover{background:url(../images/our-coffee-down.gif)0 -15px no-repeat; height:15px; width:68px;}


.certified-organic { background:url(../images/our-coffee-down2.gif) no-repeat; height:15px; width:112px;}
.certified-organic:hover { background:url(../images/our-coffee-down2.gif) 0 -15px  no-repeat; height:15px; width:112px;}

.our-program-why { background:url(../images/why-monks.gif) no-repeat; height:15px; width:90px;}
.our-program-why:hover { background:url(../images/why-monks.gif) 0 -45px  no-repeat; height:15px; width:90px;}

.our-program-partner {background:url(../images/why-monks.gif) 0 -15px  no-repeat; height:15px; width:140px;}
.our-program-partner:hover {background:url(../images/why-monks.gif)  0 -60px no-repeat; height:15px; width:140px;}

.our-program-frequently{background:url(../images/why-monks.gif) 0 -30px  no-repeat; height:15px; width:183px;}
.our-program-frequently:hover{background:url(../images/why-monks.gif)  0 -75px no-repeat; height:15px; width:183px;}

.about-who { background:url(../images/why-monks.gif) 0 -90px  no-repeat; height:15px; width:86px; }
.about-who:hover { background:url(../images/why-monks.gif) 0 -135px  no-repeat; height:15px; width:86px; }


.about-worked{ background:url(../images/why-monks.gif) 0 -105px   no-repeat; height:15px; width:86px; }
.about-worked:hover{ background:url(../images/why-monks.gif) 0 -150px  no-repeat; height:15px; width:86px; }


.about-our{ background:url(../images/why-monks.gif) 0 -120px  no-repeat; height:15px; width:86px; }
.about-our:hover{ background:url(../images/why-monks.gif) 0 -165px  no-repeat; height:15px; width:86px; }


.purchase-view { background:url(../images/why-monks.gif) 0 -180px  no-repeat; height:15px; width:86px; }
.purchase-view:hover { background:url(../images/why-monks.gif) 0 -195px  no-repeat; height:15px; width:86px; }