@charset "utf-8";
/* CSS Document */

.rightside{
display:block;
width: 290px;
margin-left:30px;
height: auto;
float: right;
}


a.greenbtn{
	display:inline-block; height:30px; padding:0px 15px 0px 15px; line-height:28px;	color:#fff; border-radius:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:17px; text-align:center;
	text-decoration:none; font-weight:normal; background-color:#98cf49;
	background:-o-linear-gradient(#98cf49, #47791f);
	background:-webkit-gradient(linear, left top, left bottom, from(#98cf49), to(#47791f));
	background:-moz-linear-gradient(90deg,#47791f,#98cf49);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#98cf49',EndColorStr='#47791f');
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border:2px solid #fff;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

a.greenbtn:hover{
	display:inline-block; height:30px; padding:0px 15px 0px 15px; line-height:28px;	color:#fff; border-radius:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:17px; text-align:center;
	text-decoration:none; font-weight:normal; background-color:#a3de4e;
	background:-o-linear-gradient(#a3de4e, #538d24);
	background:-webkit-gradient(linear, left top, left bottom, from(#a3de4e), to(#538d24));
	background:-moz-linear-gradient(90deg,#538d24,#a3de4e);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#a3de4e',EndColorStr='#538d24');
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border:2px solid #fff;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}


.fb{display:block; width:141px; height:99px; background-image:url(images/fb.jpg);}

.distinfo{
background-image:url('images/distbg.png');
display:block;
width:313px;
height:124px;
text-align:center;
vertical-align:middle;
}

.grenxflexdropdownmenu, .grenxflexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 0px solid black;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


.grenxflexdropdownmenu li{
position: relative;
}

.grenxflexdropdownmenu li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: white;
background: #8873b4;
border-bottom: 0px solid black;
text-decoration: none;
padding: 4px 5px;
}

* html .grenxflexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.grenxflexdropdownmenu li a:hover, .grenxflexdropdownmenu li.selected>a{
background: #6243a0;
}

p{text-align:justify}
.shopmix{
	background: url(images/shpbg1.jpg);
	display:block;
	width:944px;
	height:34px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:15px;
	font-weight:normal;
	line-height:30px;
}

a.bannerlink{
      display:block;
      width:980px;
      height:100px;
      border:0px;
}

.shopfruit{
	background: url(images/shpbg1.jpg);
	display:block;
	width:944px;
	height:34px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:15px;
	font-weight:normal;
	line-height:30px;
}

.shopcream{
	background: url(images/shpbg2.jpg);
	display:block;
	width:944px;
	height:34px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:15px;
	font-weight:normal;
	line-height:30px;
}

.shopmocha{
	background: url(images/shpbg3.jpg);
	display:block;
	width:944px;
	height:34px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:15px;
	font-weight:normal;
	line-height:30px;
}


.shopfit{
	background: url(images/shpbg4.jpg);
	display:block;
	width:944px;
	height:34px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:15px;
	font-weight:normal;
	line-height:30px;
}

.shopcf{
	background: url(images/shpbg5.jpg);
	display:block;
	width:944px;
	height:34px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:15px;
	font-weight:normal;
	line-height:30px;
}

#headermain{
	width: 980px;
	height: 110px;
	margin: 0 auto;
}

#headerleft{
	z-index: 2;
	position: relative;
	line-height: 110px;
 	float: left;
 	width: 330px;
	height: 110px;
 	background: url(images/logomoc.jpg);
 	margin: 0 auto;
}

#headerrighttop{
	z-index: 2;
	position: relative;
	line-height: 70px;
	text-align: right;
 	float: right;
 	width: 650px;
                height:70px;
	background: url(images/headerrighttop.jpg);
 	margin: 0 auto;
}

#headerrightbottom{
 	z-index: 2;
	position: relative;
	line-height: 40px;
 	float: right;
 	width: 650px;
	height: 40px;
 	background: url(images/menubg.jpg);
 	margin: 0 auto;
}


body{
	margin: 0;
	padding: 0;
	background-color: #F7F7F7;
	background-image: url('images/bgnew.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color:#404040;
}

#insidecontent{
 	z-index: 2;
 	position: relative;
 	width: 950px;
 	margin: 0 auto;
	color:#404040;
}

#footertop{
 	z-index: 2;
 	position: relative;
	line-height: 25px;
 	width: 980px;
	height: 30px;
	background-image: url('images/footertop.jpg');
 	margin: 0 auto;
}

#footermiddle{
 	z-index: 2;
 	position: relative;
 	width: 980px;
	background-image: url('images/footermiddle.jpg');
	background-repeat: repeat-y;
 	margin: 0 auto;
}

#footerbottom{
	z-index: 2; 
	position: relative;
	width: 980px;
	height: 10px;
	background-image: url('images/footerbottom.jpg');
	margin: 0 auto;
}

#footerend{
 	z-index: 2;
 	position: relative;
 	width: 980px;
	margin: 0 auto;
}

#contenttop{
 	width: 980px;
	height: 10px;
	background-image: url('images/contenttop.jpg');
 	margin: 0 auto;
}

#slideroutside{
 	z-index: 2;
 	position: relative;
 	width: 1010px;
	height: 415px;
	background-image: url('images/slideroutside2.jpg');
 	margin: 0 auto;
	border:0px solid red;
}

#sliderinside{
 	z-index: 2;
 	position: relative;
	padding-top: 1px;
 	width: 978px;
	height: 398px;
 	margin: 0 auto;
	border:0px solid blue;
}

#headerpromotion{
 	z-index: 2;
 	position: relative;
 	width: 980px;
	height: 150px;
	background-image: url('images/headerpromotion.jpg');
 	margin: 0 auto;
}

#shares
 
{
 
width: 300px;

margin: 0 auto;
 
}

#pp2
 
{
 
width: 600px;
padding-bottom:20px;
margin: 0 auto;
 
}

#pp3
 
{
 
width: 600px;

height: 70px;

line-height: 70px;

background-image: url('images/buybg.jpg');

margin: 0 auto;
 
}

#pp4
 
{
 
width: 1000px;

height: 70px;

margin: 0 auto;
 
}

#promobanner{
 	z-index: 2;
 	position: relative;
 	width: 1010px;
	height: 125px;
	background-image: url('images/promobanner_orange_cream.jpg');
 	margin: 0 auto;
}

#checkoutbanner{
 	z-index: 2;
 	position: relative;
 	width: 1010px;
	height: 125px;
	background-image: url('images/checkoutbanner.jpg');
 	margin: 0 auto;
}


#testimonials { z-index: 2; position: relative; width: 300px; text-align: left; margin: 0 auto; font-size: 11px; line-height: 15px; }
#testimonials p { text-align: left; font-size: 11px; }

#fixedCornerImage
{	
position:fixed;	
right:0;	
bottom:-3px;
}



.lheader{
      font-size:20px;
	  font-weight:bold;
	  color: #006633;
}

.green{color: #127145;}

.prodNum{
color:#666666;
font-size:10px;
text-align: center;
position:relative;
bottom:4px;
}

.prodQty{
float:right;
position:relative;
bottom:8px;
}

.prodPrice{
text-align:center;
position:relative;
bottom:10px;
}

.prodSection{
width:160px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.prodImage{
text-align: center;
border:0px;
}

.prodName{
text-align: center;
height:40px;
display:block;
font-weight:bold;
vertical-align:bottom;
}

a{
text-decoration: none;
color: #006600;
}

a:hover{
color:#FF6600;
text-decoration:underline;
}

a.menu
{
text-decoration: none;
color: #FFFFFF;
padding:0px 15px 0px 15px;
}

a.menu:hover{
	text-decoration: none;
	color: #FFF317;
}



a.flag{font-size:11px; color: #FFFFFF;}

a.flag:hover{font-size:11px; color: #FFFFFF; text-decoration:underline;}

h1, h2, h3, h4, h5, h6, h7, img
{
margin: 0;
padding: 0;
border: 0;
color: #006633;
}

#mainContainer
{
width: 800px;
height: auto;
margin: 30px auto 0 auto;
background-color: #000;
}

#mainHeader
{
width: 800px;
height: 89px;
background: url(images/mainHeader.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
margin-bottom: 20px;
}


#mainContentArea
{
width: 800px;
height: auto;
background-color: #000;
}



#mainNavigation
{
display: block;
width: 90px;
height: auto;
margin-left: 20px;
font-family: Arial Narrow, Arial, Helvetica, sans serif;
}

#mainNavigation a
{
display: block;
width: auto;
height: auto;
color: white;
cursor: pointer;
margin-left: 10px;
font-size: 0.85em;
text-align: center;
padding-top: 50px;
margin-bottom: 20px;
}


#mainNavigation a#btnHome
{
background: url(images/btnHomeOff.jpg) no-repeat center top;
}

#mainNavigation a#btnHome:hover
{
background: url(images/btnHomeOn.jpg) no-repeat center top;
}

#mainNavigation a#btnCustomerService
{
background: url(images/btnCustomerServiceOff.jpg) no-repeat center top;
}

#mainNavigation a#btnCustomerService:hover
{
background: url(images/btnCustomerServiceOn.jpg) no-repeat center top;
}

#mainNavigation a#btnContact
{
background: url(images/btnContactOff.jpg) no-repeat center top;
}

#mainNavigation a#btnContact:hover
{
background: url(images/btnContactOn.jpg) no-repeat center top;
}

#mainNavigation a#btnShopping
{
background: url(images/btnShoppingOff.jpg) no-repeat center top;
}

#mainNavigation a#btnShopping:hover
{
background: url(images/btnShoppingOn.jpg) no-repeat center top;
}




#mainContent
{
width: 632px;
height: auto;
margin-right: 20px;
float: right;
}

#mainContent .top
{
width: 632px;
height: 36px;
background: url(images/bgContentTop.jpg) no-repeat left top;
}

#mainContent .mid
{
width: 632px;
height: auto;
background: url(images/bgContentMid.jpg) repeat-y left top;
padding-bottom: 1px;
}

#mainContent .bot
{
width: 632px;
height: 27px;
background: url(images/bgContentBot.jpg) no-repeat left top;
margin-bottom: 20px;
}






#mainContent .mid .sectionIcon
{
width: 70px;
height: 70px;
margin-left: 30px;
}

#mainContent .mid .paragraphs
{
width: 280px;
font-size: 0.85em;
position: relative;
top: -50px;
left: 120px;
border-right: 1px solid #127145;
padding-right: 10px;
color: #127145;
}

#mainContent .mid .paragraphs h1
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 22px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .paragraphs h2
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 16px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .paragraphs p
{
color: #127145;
}



#mainContent .mid .rightSide .caption
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 11px;
font-weight: normal;
color: #127145;
}









#mainContent .mid .shop
{
width: 475px;
font-size: 0.85em;
position: relative;
top: -50px;
left: 120px;
color: #127145;
}

#mainContent .mid .shop h1
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 22px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .shop h2
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 16px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .shop h3
{
font-family: Arial, Helvetica, sans serif;
font-size: 14px;
font-weight: bold;
color: #127145;
margin: 0;
padding: 0;
}

#mainContent .mid .shop p
{
color: #127145;
}



#mainFooter
{
clear: both;
width: 800px;
height: 60px;
background: url(images/mainfooter.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
}


a.footerlinks{
font-size:11px;
font-weight:bold;
}

#largeNavigation
{
display: block;
width: auto;
height: auto;
font-family: Arial Narrow, Arial, Helvetica, sans serif;
text-align:center;
}

#largeNavigation a
{
display: block;
width: 90px;
height: auto;
color: white;
cursor: pointer;
margin-left: 10px;
font-size: 0.85em;
text-align: center;
padding-top: 20px;
margin-bottom: 20px;
float: left;
margin: 0 15px;
}

#largeNavigation a img
{
float: left;
margin-left: 10px;
padding-bottom: 5px;
}


.repInfo
{
width: 170px;
height: 50px;
border:0px solid red;
margin:0px;
font-size: 9px;
background: url(images/bgRepInfo.jpg) no-repeat left top;
padding:0px;
}

#container
 
{
 
width: 1000px;
 
margin: 0 auto;
 
}
 
 
 
#header
 
{
 
width: 1000px;

height: 60px;

margin: 0 auto;
 
}
 
 
 
#headerimage
 
{
 
z-index: 2;
 
position: relative;
 
width: 750px;
 
height: 100px;
 
background: #000000 url('headerimage.gif');
 
margin: 0 auto;
 
}
 
 
 
#menu
 
{
 
z-index: 2;
 
position: relative;
 
width: 750px;
 
background-color: #fff;
 
margin: 0 auto;
 
}
 
 
 
#googleads
 
{
 
z-index: 2;
 
position: relative;
 
width: 750px;
 
background-color: #fff;
 
margin: 0 auto;
 
}
 
 
 
#mainbody{
 	z-index: 2;
 	position: relative;
 	width: 980px;
 	margin: 0 auto;
}
 
 
 
#bodyleft
 
{
 
z-index: 2;
 
position: relative;
 
float: left;
 
width: 550px;
 
background-color: #fff;
 
margin: 0 auto;
 
}
 
 
 
#bodyright
 
{
 
z-index: 2;
 
position: relative;
 
float: right;
 
width: 200px;
 
background-color: #fff;
 
margin: 0 auto;
 
}
 
 
 
#footer
 
{
 
background-color: #ffffff;
 
background-image: url(images/footerbg.jpg);
 
background-repeat: repeat-x;
 
margin: 0 auto;
 
}

#footerinside
 
{
 
z-index: 2;
 
position: relative;
 
width: 1000px;
 
margin: 0 auto;
 
}

#purchasebg
{
line-height: 50%;
width: 700px;
height: 70px;
background: #FFFFFF;
background: url(images/purchasebg.jpg);
}

 
 
 
.style1 {color: #FFFFFF}

/*Start Menu
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 14px;
	margin: 0 auto 0 auto;
	background: url(images/menug_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#404040;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menug_hover_left.gif) repeat-x; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.bluetabs{
border-bottom: 1px solid gray;
}

.bluetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(http://www.shobb.com/bluetab.gif) top left repeat-x; /*THEME CHANGE HERE*/
}

.bluetabs li a:visited{
color: #2d2b2b;
}

.bluetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.bluetabs li.selected{
}

.bluetabs li.selected a{ /*selected main tab style */
background-image: url(http://www.shobb.com/bluetabactive.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #edf3f3;
}

/*End Menu








/* New Cart Styles */
.contentsHeader { background-image: url(images/shop_contents_top.jpg); background-repeat: no-repeat; width: 680px; height: 20px; }
.contentsCenter { background-image: url(images/shop_contents_ctr.jpg); background-repeat: repeat-y; width: 680px; }
.contentsFooter { background-image: url(images/shop_contents_btm.jpg); background-repeat: no-repeat; width: 680px; height: 20px; }
#cmdKeepShopping { background-image: url(images/continue.jpg); display: inline-block; width: 153px; height: 27px; border: none; margin-bottom: 10px; cursor: pointer; }
#cmdUpdateCart { background-image: url(images/shop_update.gif); display: inline-block; width: 108px; height: 27px; border: none; margin-bottom: 10px; cursor: pointer; }
#cmdCheckout { background-image: url(images/checkout.jpg); display: inline-block; width: 150px; height: 50px; border: none; margin-bottom: 10px; cursor: pointer; }
.Checkout { background-color: #FFFFFF !important; }
input[type="submit"].LoginSubmit { background-image: url(images/login.jpg); display: inline-block; width: 150px; height: 39px; border: none; margin-bottom: 10px; cursor: pointer; }
input[type="submit"].NewCustomerSubmit { background-image: url(images/reg.jpg); display: inline-block; width: 150px; height: 39px; border: none; margin-bottom: 10px; cursor: pointer; }

input[type="submit"].ChangeShippingAddress { background-image: url(images/changeshippingaddress.png); display: inline-block; width: 231px; height: 35px; border: none; cursor: pointer; }
input[type="submit"].UseBillingAddress { background-image: url(images/usebillingaddress.jpg); display: inline-block; width: 181px; height: 35px; border: none; margin-bottom: 10px; cursor: pointer; }
input[type="submit"].Information_Proceed { background-image: url(images/proceed.png); display: inline-block; width: 150px; height: 39px; border: none; margin-bottom: 10px; cursor: pointer; }
input[type="submit"].Confirm { background-image: url(images/confirm.png); display: inline-block; width: 150px; height: 39px; border: none; cursor: pointer; }


/* End New Cart Styles */

.ProductDetail { padding: 0; margin: 0 0 20px 0; }
.ProductDetail .Description {  text-align: center; display:block; vertical-align:top; }
.ProductDetail .Description, .ProductDetail .Description a { color: #006600; font-weight: bold; }
.ProductDetail .Price { color: #404040; text-align: center; vertical-align: middle; }
.ProductDetail .Price a { color: #006600; text-decoration: none; font-weight: bold; }
.ShoppingCartProductList .ProductDetail .Image { margin: 0 auto; padding: 10px 0;}

.ShoppingCartProductPage .ProductDetail .Quantity { margin-top: 0px !important; }
.ShoppingCartProductPage .ProductDetail .AddToCart { margin-top: 17px !important; }
.addToCartWrapper { width: 600px; height: 70px; line-height: 70px; background-image: url('images/buybg.jpg'); margin: 0 auto; }
.addToCartWrapper .Price { float: left; width: 100px; height: 70px; line-height: 70px; }
.addToCartWrapper .Quantity { float: left; width: 100px; height: 70px; line-height: 70px; }
.addToCartWrapper .AddToCart { float: right; width: 400px; height: 70px; line-height: 70px;  vertical-align:middle; }

.clsProductList .listHeader { clear: both; }
.clsProductList ul {-webkit-padding-start: 0px; margin: 0 0 0 0; padding:0 0 0 0;}
.clsProductList ul li { list-style:none; display:inline-block; width:160px; margin-right: 30px;}


.AutoshipShippingVisibility { visibility:hidden; display:none; }
td.VerifyAddressTitle h2 { padding-bottom:10px; }
.Red {color:Red; }