/* ----------------------------------------------------------
    GLOBAL LAYOUT and STYLES  
----------------------------------------------------------- */

body {
	padding: 			0;
	margin: 			0;
	font-family : 		Arial, Verdana; 
	font-size : 		12px;
	color: 				#000000;
	background: 		#f3f3f3 url(../img/bg.gif) top left repeat-x;
}

a {
	color: 				#000000;
	text-decoration: 	underline;
}

a:hover {
	color: 				#000000;
	text-decoration: 	none;
}

#containerTop {
	width: 				970px;
	padding: 			0;
	margin: 			0;
	text-align: 		left;
}

#containerBody {
	width: 				978px;
	margin: 			0;
	padding-left: 		8px;
	background: 		url(../img/rhs-gradient.png) top right repeat-y;
	text-align: 		left;
}

#rhsBodyGradientTop {
	width: 				978px;
	padding: 			0;
	margin: 			0;
	background: 		url(../img/rhs-gradient-top.gif) top right no-repeat;
	text-align: 		left;
}

#rhsBodyGradientBot {
	background: 		url(../img/rhs-gradient-bot.png) top right no-repeat;
	width: 				986px;
	padding: 			0;
	margin: 			0;
}

#contentBody {
	width: 			930px;
	margin: 		0px;
	padding: 		20px 20px 25px 20px;
	text-align: 	left;
	background: 	#FFFFFF url(../img/logo-organic.gif) top right no-repeat;
}

#contentBodyNoLogo {
	width: 			930px;
	margin: 		0px;
	padding: 		20px 20px 25px 20px;
	text-align: 	left;
	background-color: 	#FFFFFF;
}

#contentCATBody {
	width: 			930px;
	margin: 		0px;
	padding: 		20px 20px 25px 20px;
	text-align: 	left;
	background: 	url(../img/bg-body-categories.gif) top left repeat-x;
}

#contentCATBodyLogo {
	background: 	url(../img/logo-organic.gif) top right no-repeat;
}

#contentBodyBlank {}

#contentBodyNav {}

#center {
  text-align: 		center;
}

#topshop {
	color: 				#052d4f;
	font-family : 		Arial, Verdana; 
	font-size: 			12px;
	padding-top:		25px;
}

#topshop a {
	color: 				#052d4f;
	font-family : 		Arial, Verdana; 
	font-size: 			12px;
	text-decoration: 	none;
}

#topshop a:hover {
	text-decoration: 	underline;
}

#toptopshop {
	color: 				#052d4f;
	font-family : 		Arial, Verdana; 
	font-size: 			12px;
	padding-top:		5px;
}

#minicart {
	background: 	    url(/img/mini-cart.gif) top right no-repeat;
	height:				15px;
}


#toptopshop a {
	color: 				#052d4f;
	font-family : 		Arial, Verdana; 
	font-size: 			12px;
	text-decoration: 	none;
}

#toptopshop a:hover {
	text-decoration: 	underline;
}

/* ----------------------------------------------------------
    HOME PAGE 
----------------------------------------------------------- */

#contentHPBody {
	width: 			873px;
	height: 		546px;
	padding-right: 	65px;
	padding-left:	40px;	
	text-align: 	left;
	background: 	url(../img/hp_bg_2014.jpg) top left repeat-y;
}

#hpTransbox {
    float: 			right;
	width: 			500px;
	height: 		330px;
	padding: 		25px;
	margin-top: 	100px;
	text-align: 	left;
	overflow: 		hidden;	
	line-height:	1.3;
}

#hpNews {
    float: 			left;
	width: 			210px;
	height: 		265px;
	padding: 		20px;
	margin-top: 	180px;
	text-align: 	left;
	overflow: 		hidden;
	line-height:	1;
}

/* ----------------------------------------------------------
    BULK PAGE 
----------------------------------------------------------- */
#BULK {
	font-family:		Tahoma, Geneva, Arial; 
	font-size:			11px;
}
.bulkSize { 
    width:  			70px;
	font-family:		Tahoma, Geneva, Arial; 
	font-size:			11px;
}

.bulkQty {
    width:  			30px;
	font-family:		Tahoma, Geneva, Arial; 
	font-size:			11px;
}

.bulkOther {
    width:  			200px;
	font-family:		Tahoma, Geneva, Arial; 
	font-size:			11px;
}

.msg_list {
	float:				right;
	margin: 			0px auto;
	padding: 			0px;
}
.msg_head {
    width:				600px;
	padding: 			5px 5px;
	cursor: 			pointer;
	position: 			relative;
	background-color:	#FFFFFF;
	margin:				1px;
}
.msg_body {
	width:				600px;
	padding: 			5px 5px 15px;
	background-color:	#FFFFFF;
}

.msg_body TD {
	border-width: 		0 0 1px 0 ;
	border-style:		solid;
	border-color: 		#eaeaed;
}

/* ----------------------------------------------------------
    FORMS 
----------------------------------------------------------- */
.searchProduct { 
    width:  			130px;
	font-family:		Arial, Verdana; 
	font-size: 			11px; 
	color: 				#a0a5a8; 
	border: 			0;
	padding:			1px 2px 3px 7px;
	background: 		url(../img/bg-search.gif) top left no-repeat;
}

#emailBot {
    float:				left;
	padding-left:		20px;
}

.emailAddress { 
    width:				150px;
	font-family:		Arial, Verdana; 
	font-size: 			12px; 
	color: 				#002c4e; 
	border: 			0;
	padding-left:		5px;
	background: 		url(../img/bg-emailaddress.gif) top left no-repeat;
}

.emailAddressTop {
    width:				130px;
	font-family:		Arial, Verdana; 
	font-size: 			11px; 
	color: 				#002c4e; 
	border: 			0;
	padding-left:		8px;
	background: 		url(../img/bg-search.gif) top left no-repeat;
	}

.searchbox { 
	font-size: 			11px; 
	color: 				#767566; 
	border-color: 		#abadb3 #e3e9ef #e3e9ef #abadb3;
	border-width: 		1px;
	border-style: 		solid;
}
.textbox { 
	color: 				#000000; 
	border-color: 		#abadb3 #e3e9ef #e3e9ef #abadb3;
	border-width: 		1px;
	border-style: 		solid;
}
.textbox150 { 
	width:				150px; 
	color: 				#000000;
	border-color: 		#abadb3 #e3e9ef #e3e9ef #abadb3;
	border-width: 		1px;
	border-style: 		solid;
}

.selectMaxProducts { 
	width:				115px; 
	font-family:		Arial, Verdana; 
	font-size: 			10px; 
	color: 				#767566; 
	font-weight: 		normal; 
	border-color: 		#abadb3 #e3e9ef #e3e9ef #abadb3;
	border-width: 		1px;
	border-style: 		solid;
} 

/* ----------------------------------------------------------
    CMS EDITOR and BODY
----------------------------------------------------------- */

.cmsTblLeft {
	width: 				290px;
	text-align: 		left;
}
.cmsTblMiddle {
	width: 				30px; 
	text-align: 		left;
}
.cmsTblRight {
	width: 				610px; 
	text-align: 		left;
	padding-right:		30px;
}

#CMS {
	font-family : 		Tahoma, Geneva, Arial;
	font-size : 		13px; 
	color: 				#000000;
}

H1 {
	font-family: 		Tahoma, Geneva, Arial;
	letter-spacing:		1.5px;
	font-size:			24px;
	line-height:		24px;
	font-weight: 		normal;
	color: 				#002c4e;
	padding: 			0;
	margin: 			0;
}

H2 {
	font-family: 		Tahoma, Geneva, Arial; 
	color: 				#c5bf2e;
	font-size: 			18px; 
	font-weight: 		normal;
	padding: 			0;
	margin: 			0;
}

.SBlack {
	font-family: 		Tahoma, Geneva, Arial; 
	font-size: 			10px; 
	color: 				#000000;
}

.BOXHeader {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			24px; 
	color: 				#FFFFFF;
}

.XLWhite {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			26px; 
	color: 				#FFFFFF;
}
.LWhite {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			16px; 
	color: 				#FFFFFF;
}

.MWhite {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			13px; 
	color: 				#FFFFFF;
}

.MGreen, a.MGreen {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			13px; 
	color: 				#988e08;
	text-decoration: 	none;
}

a.MGreen:hover {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			13px; 
	color: 				#988e08;
	text-decoration: 	underline 
}

.LGreen {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			16px; 
	color: 				#988e08;
}

.MBlue, a.MBlue {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			13px; 
	color: 				#002c4e;
	text-decoration: 	none;
}

a.MBlue:hover {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			13px; 
	color: 				#002c4e;
	text-decoration: 	underline 
}

.LBlue {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			16px; 
	color: 				#002c4e;
}

.MGrey, a.MGrey {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			13px; 
	color: 				#a0a5a8;
	text-decoration: 	none;
}

a.MGrey:hover {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			13px; 
	color: 				#a0a5a8;
	text-decoration: 	underline 
}

.LGrey {
	font-family: 		Tahoma, Geneva, Arial;
	font-size: 			16px; 
	color: 				#a0a5a8;
}


/* ----------------------------------------------------------
    FOOTER 
----------------------------------------------------------- */

#footer {
		width: 			986px;
}

#footer a {
	margin-left:		55px; 
	margin-right:		55px; 
	color: 				#002c4e; 
	font-size: 			12px; 
	font-weight:		bold; 
	text-decoration: 	none;
}

#footer a:hover {
	text-decoration: 	underline;
}

#footer a.pixellounge {
	color: 				#999999; 
	font-size: 			11px; 
	text-decoration: 	none;
	font-weight: 		normal;
}

#footer a:hover.pixellounge {
	text-decoration: 	underline;
}


/* ----------------------------------------------------------
    Miscellaneous 
----------------------------------------------------------- */
a.LinkReverse {
	font-family: 		Arial, Verdana; 
	font-size: 			12px; 
	text-decoration: 	none; 
	color: 				#a0a5a8;
}
a.LinkReverse:hover {
	color: 				#002c4e;
	text-decoration: 	none; 
}

.medium, a.medium {
	text-decoration: 	none;
	font-family: 		Arial, Verdana; 
	font-size: 			11px; 
	color: 				#7F7E70
}
a.medium:hover {
	text-decoration: 	underline;
	font-family: 		Arial, Verdana; 
	font-size: 			11px; 
	color: 				#7F7E70
}

.MGreenShop, a.MGreenShop {
	font-family: 		Arial;
	font-size: 			12px; 
	color: 				#988e08;
	text-decoration: 	none;
}

a.MGreenShop:hover {
	font-family: 		Arial;
	font-size: 			12px; 
	color: 				#988e08;
	text-decoration: 	underline 
}

.MGreyShop, a.MGreyShop {
	font-family: 		Arial;
	font-size: 			12px; 
	color: 				#a0a5a8;
	text-decoration: 	none;
}

a.MGreyShop:hover {
	font-family: 		Arial;
	font-size: 			12px; 
	color: 				#a0a5a8;
	text-decoration: 	underline 
}

.bodyText {font-family: Arial, Verdana; font-size: 12px; color: #7F7E6F}
 {font-family: Arial, Verdana; font-size: 12px; color: #000000}
.bodyTextBlack {font-family: Arial, Verdana; font-size: 12px; color: #000000;}
a.bodyTextBlack:link, a.bodyTextBlack:visited {text-decoration: underline;font-family: Arial, Verdana; font-size: 12px; color: #000000;}
a.bodyTextBlack:hover {text-decoration: none ;font-family: Arial, Verdana; font-size: 12px; color: #000000;}
.bodyTextBold {font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #7F7E6F}
.bodyTextError {font-family: Arial, Verdana; font-size: 12px; color: #FF0000}
.bodyTextSmall {font-family: Arial, Verdana; font-size: 10px}
.bodyTextWhite {font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF}

/* ----------------------------------------------------------
    SHOP 
----------------------------------------------------------- */
/* ------- PRODUCT PAGE -------------- */
.productHeader {font-family: Arial, Verdana; font-size: 16px;  color: #7F7E6F; font-weight: bold}
.productText {font-family: Arial, Verdana; font-size: 12px; color: #7F7E6F; text-decoration: none;}
.productTextBold {font-family: Arial, Verdana; font-size: 12px; color: #7F7E6F; font-weight: bold}
.productPrice {font-family: Arial, Verdana; font-size: 16px; font-weight: bold; color: #CC0066}
.productRow1 {background-color: #F4F6D7}

/* ------- CHECKOUT PAGES -------------- */
.checkoutBodyText {font-family: Arial, Verdana; font-size: 9pt}
.checkoutBodyTextBold {font-family: Arial, Verdana; font-size: 9pt; font-weight: bold}
.checkoutBodyTextError {font-family: Arial, Verdana; font-size: 9pt; color: #FF0000}
.checkoutBodyTextSmall {font-family: Arial, Verdana; font-size: 8pt}
.checkoutTable {background-color: #7F7E6F; width: 450px}
.checkoutTableAdmin {background-color: #CCCCCC; border: 1px #CCCCCC; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.checkoutHeadingRow {background-color: #d6d176}
.checkoutRow1 {background-color: #FFFFFF; font-family: Arial, Verdana; font-size: 10px}
.checkoutRow2 {background-color: #FFFFFF; font-family: Arial, Verdana; font-size: 10px}
.checkoutSuccess {font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #33CC00}
.checkoutFail {font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #FF0000}

/* ------- HEADER -------------- */
a.headerLink:link, a.headerLink:visited {text-decoration: none; font-weight: bold;font-family: Arial, Verdana; font-size: 13px; color: #FFFFFF}
a.headerLink:hover {text-decoration: none; font-weight: bold;font-family: Arial, Verdana; font-size: 13px; color: #00457B}

/* ------- PRINTABLE RECEIPT -------------*/
.recieptTable {background-color: #CCCCCC; border: 1px #FF0000; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.storeName {font-family: Arial, Verdana; font-size: 16pt; font-weight: bold}
.receiptHeading {font-family: Arial, Verdana; font-size: 12pt; font-weight: bold}


/* ----------------------------------------------------------
    NAVIGATION 
----------------------------------------------------------- */
/* -------  LHS nav    -----------  */
#categoryNav {
	width: 				200px; 
	height:				160px;
	overflow: 			hidden;
	padding:			0;
	margin:			0;
}

#categoryNav .leftbtn {
	width:				200px;
}

#categoryNav .topbtn a, 
#categoryNav .topbtn a:hover {
	display:			block;
	font-family: 		Arial, Verdana;
	font-size:			12px;
	color:				#002c4e;
	text-align:			left;
	text-decoration:	none;
	font-weight:		bold;
	margin:				0px;
	padding:			0px 0px 3px 0px;
}

#categoryNav .leftbtn a {
	display:			block;
	font-family: 		Arial, Verdana;
	font-size:			12px;
	background: 		#FFFFFF url(../img/nav_lhs_out.gif) no-repeat scroll left;
	color:				#a0a5a8;
	text-align:			left;
	text-decoration:	none;
	font-weight:		bold;
	margin:				0px;
	padding:			1px 0px 1px 20px;
}

#categoryNav .leftbtn a.selected:hover,
#categoryNav .leftbtn a:hover,
#categoryNav .leftbtn a.selected  {
	background: 		#FFFFFF url(../img/nav_lhs_over.gif) no-repeat scroll left;
	color:				#002c4e;
}

#categorySubNav {
	width: 				400px; 
	height:				130px;
	/*overflow: 			hidden;*/
	padding-top:		20px;
	margin:				0;
}

#categorySubNav .leftbtn {
	width:				186px;
}

#categorySubNav .leftbtn a {
	display:			block;
	font-family: 		Arial, Verdana;
	font-size:			12px;
	background: 		url(../img/nav_lhs_2_out.gif) no-repeat scroll left;
	color:				#a0a5a8;
	text-align:			left;
	text-decoration:	none;
	font-weight:		normal;
	margin:				0px;
	padding:			1px 0px 1px 20px;
}

#categorySubNav .leftbtn a.selected:hover,
#categorySubNav .leftbtn a:hover,
#categorySubNav .leftbtn a.selected  {
	background: 		url(../img/nav_lhs_2_over.gif) no-repeat scroll left;
	color:				#002c4e;
}


/* ----------------------  TOP nav -----------------------------  */
/* ---- fix IE7 sticky issue --- */
#nav li:hover, #nav li.hover {
    position: static;
}
/* ---- fix IE7 sticky issue end --- */

#navTop1 {
	width: 840px;
	height:27px;
	margin: 0px;
	padding-left: 130px;
	background-color: #c5bf2e;
	border-bottom: 1px solid #e9e6b2;
	text-align: center;
}

/* Suckerfish top nav classes */
#nav, #nav ul {
	padding: 0; 
	margin: 0; 
	list-style: none; 
	z-index: 100;
}
#nav a { 
	display: block; 
}  
 
#nav li { 
	float: left; 
	z-index: 100;
}

#nav li:hover, #nav li.sfhover {
	background: #988e08;
}

#nav li a { 
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;	
	padding-top: 6px;
	padding-bottom: 5px;
} 
#nav li ul a { 
	width: 158px;  /* master width of dropdowns */
	height: 16px; 
	color: #ffffff;
	text-align: left;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;	
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 22px;
	/*border-top: 1px solid #e9e6b2;*/
	background: #c5be2f url(../img/top_nav_arrow.gif) left no-repeat;
} 
#nav li ul a:hover , #nav li ul a.sfhover { 
	height: 16px; 
	color: #ffffff;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 22px;
	background: #988e08 url(../img/top_nav_arrow.gif) left no-repeat;
} 
#nav li ul { 
	position: absolute; 
	width: 128px;
	left: -999em;
	z-index: 100;
} 
#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
	color: #f1b481;
}
#nav ul li:hover, #nav ul li.sfhover { 
	left: auto;
}

/* ---- fix IE7 sticky issue --- */
#nav2 li:hover, #nav2 li.hover {
    position: static;
}
/* ---- fix IE7 sticky issue end --- */

#nav2Top2{
	width: 970px;
	height:27px;
	margin: 0px;
	padding:0px;
	background-color: #d6d176;
	text-align: center;
}

/* Suckerfish top nav classes */
#nav2, #nav2 ul {
	padding: 0; 
	margin: 0; 
	list-style: none; 
	z-index: 200;
}
#nav2 a { 
	display: block; 
}  
 
#nav2 li { 
	float: left; 
	z-index: 200;
}

#nav2 li:hover, #nav2 li.sfhover {
	background: #988e08;
}

#nav2 li a { 
	color: #052b4f;
	text-decoration: none;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;	
	padding-top: 6px;
	padding-bottom: 5px;
} 
#nav2 li ul a { 
	width: 180px;  /* master width of dropdowns */
	height: 16px; 
	color: #ffffff;
	text-align: left;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;	
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 22px;
	/*border-top: 1px solid #e9e6b2;*/
	background: #c5be2f url(../img/top_nav_arrow_2.gif) left no-repeat;
} 
#nav2 li ul a:hover , #nav2 li ul a.sfhover { 
	height: 16px; 
	color: #ffffff;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 22px;
	background: #988e08 url(../img/top_nav_arrow_2.gif) left no-repeat;
} 
#nav2 li ul { 
	position: absolute; 
	width: 128px;
	left: -999em;
	z-index: 200;
} 
#nav2 li:hover ul, #nav2 li.sfhover ul { 
	left: auto;
	color: #f1b481;
}
#nav2 ul li:hover, #nav2 ul li.sfhover { 
	left: auto;
}



* html img,
* html .fixPNG {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/img/00.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}



 #quotes {
   margin:0;
   position:relative;
   text-align:left;
 }
 .textItem {
   position:absolute;
   /*display:none;*/
   right:10px;
 }
 
.textItem1L, .textItem1L a, .textItem1L a:link, .textItem1L a:visited {
	/*padding-top:15px;*/
	padding-top:10px;
	color: 				#FFFFFF;
	font-family:		Arial, Verdana;
	font-size:			12px;
	text-decoration: 	none;
	line-height:		16px;
}

.textItem1L a:hover {
	/*padding-top:15px;*/
	padding-top:10px;
	color: 				#FFFFFF;
	text-decoration: 	underline;
}


.textItem2L, .textItem2L a, .textItem2L a:link, .textItem2L a:visited {
	padding-top:10px;
	color: 				#052d4f;
	font-family:		Arial, Verdana;
	font-size:			12px;
	text-decoration: 	none;
	line-height:		16px;
}

.textItem2L a:hover {
	padding-top:10px;
	color: 				#052d4f;
	text-decoration: 	underline;
}


ul.oilyList {
    list-style-type: none;
	width:560px;
	padding: 0;
	margin: 0;
}

ul.oilyList li .image {
    text-align: center;
}

ul.oilyList li {
    float: left;
    /*width: 130px;
    height: 184px;*/
    padding: 5px;
}

ul.oilyList li .image {
	text-align: center;
    width: 130px;
    /*margin: 8px auto 0;*/
    height: 184px;
}

.phone {font-family:Arial,Tahoma, Geneva;font-size:17px;font-weight:normal;background: url("../img/phone.png") no-repeat scroll left/contain;padding-left: 22px;}
.phone a {color:#FFFFFF; text-decoration:	none;}
.phone a:hover {text-decoration:underline;}
.phone span {font-weight: bold;}

/* sticky note */
div.alert-box {display: block;padding: 9px 7px;color:#eee;text-align: center;border: 1px solid rgba(0, 0, 0, 0.1);text-shadow: 0 1px rgba(0, 0, 0, 0.7);width:100%;top:0;}
div.alert-box a { color:#FFF;  text-decoration:none;}
.alert-box a.close { color: #eee; position: absolute; right: 30px; top: 0; font-size: 18px; opacity: 0.8; padding: 4px; text-decoration:none; }
.alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; }