﻿/*@charset "utf-8"; */
/* CSS Document */

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;
}




.rightside { display: block; width: 290px; margin-left: 30px; height: auto; float: right; }
p { text-align: left; }
.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; height: 238px; 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 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; }
