/*
Theme name: Individual Group
Author: Mineral, LLC
Editor: C Nuttall : Designer: S Alvarado
This theme was designed and built by Mineral, LLC http://mineralstudios.com
*/
/*	==========================
		Reset Styleset - CN Mar 10
		==========================
*/
* {
	margin:0;
	padding:0;
	border:0;
}
html, body {
	background-color:#f2f1f1;
}
body, h1, h2, h3, h4, h5, td, a {
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	color:#5c5b5b;
	text-align:left;
}
h1 {
	font:bold 24px/22px Helvetica, sans-serif;
	padding-bottom:13px;
}
h2 {
	color:#c00b0b;
	font:bold 18px/20px Helvetica, sans-serif;
}
h3 {
	font: 18px/20px Helvetica, sans-serif;
	padding-bottom:8px;/*letter-spacing:-1px;*/
}
a, a:hover {
	color:#c00b0b;
	text-decoration:underline;
}
a:hover {
	color:#890d0d;
}
a, a:active, input { /* Remove Outline from clicked links */
	outline: none;
}
a:focus { /* Remove Outline from clicked links */
	-moz-outline-style: none;
}
ol, ul {
	margin:0 5px 5px;
	padding:0 15px 15px;
}
li {
/*list-style-image:url(/images/global/bullet.gif);*/
}
p {
	margin-bottom:17px;
}
label {
	padding:4px 8px 0 0;
	display:block;
	width:112px;
	float:left;
	height:16px;
	color:#707070;
	font-size:14px;
}
input, textarea, select {
	border:1px solid #c3c1c1;
	padding:1px 3px 2px;
	background-color:#FFF;
	color:#9c9c9c;
	outline:none;
	font-size:120%;
	margin:3px 0 8px 0;
	width:170px;
	height:19px;
	float:left;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}
select {
	padding:0px;
	background-color:#FFF;
	color:#9c9c9c;
	outline:none;
	margin:0 0 8px;
	width:179px;
	height:23px;
}
.clear {
	clear:both;
}
.listPlain {
	margin:0;
	padding:0;
	list-style:none;
}
.listPlain li {
	list-style-image:none;
}
hr {
	border:0px;
	border-bottom:1px solid #c00b0b;
	margin:0 0 25px;
	padding:25px 0 0;
	clear:both;
}
li a {
	display:inline-block;
}
li a {
	display:block;
}
/*  ==========
MAIN NAV
==========
*/



#mainNav, #mainNav * {
	margin:0;
	padding:0;
	list-style:none;
	z-index: 100;
}
#mainNav li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
#mainNav ul li {
	width: 100%;
}
#mainNav li:hover ul, #mainNav li.sfHover ul {
	left: 0;
	top: 2.8em; /* match top ul list item height */
	z-index: 100;
}
ul#mainNav li:hover li ul, ul#mainNav li.sfHover li ul {
	top: -999em;
}
ul#mainNav li li:hover ul, ul#mainNav li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul#mainNav li li:hover li ul, ul#mainNav li li.sfHover li ul {
	top: -999em;
}
ul#mainNav li li li:hover ul, ul#mainNav li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
#mainNav {
	float: left;
	border-bottom:1px solid #c00b0b;
	width:100%;
	line-height: 1.0;
}
#mainNav a, #mainNav a:visited, #homeBttn { /* visited pseudo selector so IE6 applies text colour*/
	text-transform:uppercase;
	padding:10px 5px 7px 14px;
	text-decoration:none;
	color:#5c5b5b;
	display: block;
	position: relative;
	font-size:12px;
}
#mainNav ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
#mainNav li {
	padding-right:6px;
	float: left;
	position: relative;
}
#mainNav li .menuBottom {
	background: url(/images/common/bg_menu_bottom_right.png) 100% 100% no-repeat;
	padding-right:6px;
	width:100%;
}
#mainNav li .menuBottom div {
	background: url(/images/common/bg_menu_bottom_left.png) 0 100% no-repeat;
	height:8px;
}
#mainNav li li {
	background-color:#FFF;
	border-top:1px solid #f3f3f3;
	float:none;
}
#mainNav li ul li a, #mainNav li ul li a:visited {
	text-transform:none !important;
	padding-top:7px;
	padding-bottom:6px;
	font-size:11px;
}
#mainNav li:hover, #mainNav li.sfHover {
	background: url(/images/common/bg_mainnav.gif) 100% -35px no-repeat;
}
#mainNav a:focus, #mainNav a:hover, #mainNav a:active, #mainNav li.sfHover a {
	outline: 0;
	background: url(/images/common/bg_mainnav.gif) 0 0 no-repeat;
	color:#333333;
}
#mainNav li li a:focus, #mainNav li li a:hover, #mainNav li li a:active, #mainNav li.sfHover li a {
	background:none;
}
#mainNav li li:hover, #mainNav li li.sfHover {
	background:#FFF url(/images/common/bg_navarrow.gif) 3px 9px no-repeat;
}
#navCompany, #navCompany ul {
	width:104px;
}
#navBusiness, #navBusiness ul {
	width:136px;
}
#navProducts, #navProducts ul {
	width:112px;
}
#navCatalog, #navCatalog ul {
	width:139px;
}
#navGreen, #navGreen ul {
	width:147px;
}
#navVendor, #navVendor ul {
	width:97px;
}
#navSpecials, #navSpecials ul {
	width:95px;
}
#navContact, #navContact ul {
	width:79px;
}
/*	==========================
		LAYOUT
		==========================
*/

.mainWrapper {
	margin:0 auto;
	width:957px;
	overflow:hidden;
}
#headerContainer {
	background-color:#FFF;
	margin-bottom:18px;
}
#headerContainer .mainWrapper {
	background-position: 100% 0;
	background-repeat:no-repeat;
	padding-top:15px;
	height:132px;
	background-color:#FFF;
	position:relative;
}
#homeBttn {
	position:absolute;
	right:0;
	bottom:0;
	padding:6px 10px 4px;
	background:url(/images/common/bg_tab.png) 0 0 no-repeat;
	width:34px;
	display:block;
	text-align:center;
}
.activeLink {
	color:#c00b0b !important;
	font-weight:bold;
}
#logo {
	float:left;
}
#mainContent {
	padding:28px 0;
	clear:both;
	overflow:hidden;
}
#mainContent img {
	border:1px solid #c7c7c7;
}
#columnOne {
	float:left;
	width:625px;
	text-align:justify;
	margin-bottom:10px;
}
#columnOneTxtLong {
	float:right;
	width:660px;
}
#columnOne img {
	width:271px;
	height:178px;
}
img.right {
	float:right;
	margin:3px 0 10px 20px;
}
img.left {
	float:left;
	margin:3px 20px 10px 0;
}
#productsBody #columnOne, #greenBody #columnOne {
	width:100%;
}
#columnTwo {
	float:right;
	width:310px;
}
.calloutGUI {
	padding:0 0 12px;
}
#bottomContainer {
	clear:both;
	padding-bottom:20px;
	overflow:hidden;
}
#footerContainer {
	padding:15px 0 30px;
	color:#9d9d9d;
	margin-top:10px;
	border-top:1px solid #FFF;
}
#footerContainer a, #footerContainer a:hover {
	color:#9d9d9d;
	text-decoration:none;
}
#footerContainer a:hover {
	text-decoration:underline;
}
#footerNav {
	float:right;
}
#footerNav li {
	float:left;
	margin-left:15px;
}
#sidePod {
	background:url(/images/common/bg_sidepod.jpg);
	border-bottom:1px solid #a1a1a1;
	overflow:hidden;
	padding:0 8px 25px;
}
#sidePod h2 {
	clear:both;
}
.bottomPod {
	width:310px;
	margin-right:8px;
	float:left;
}

.bottomPod div {
	overflow:hidden;
	height:140px;
	padding:0 8px 3px;
}
.bottomPod img.left, ul.bottomPod img {
	margin:1px 10px 10px 0;
	float:left;
	width:110px !important;
	height:61px !important;
}
a#actionBttn, a#actionBttn:hover {
	display:block;
	float:right;
	clear:right;
	margin:15px 0 50px;
	padding-right:23px;
	background: url(/images/common/bg_arrow_action.jpg) 100% 48% no-repeat;
	font:bold 18px/22px Helvetica, sans-serif;
	text-decoration:none;
	color:#5c5b5b;
}
a#actionBttn:hover {
	color:#c00b0b;
}
/* HOME */
#homeBody #columnOne img, #columnTwo img {
	border:none;
}
#homeBody .bottomPod {
	width:310px;
	margin-right:13px;
}
#homeBody .bottomPod div {
	background:url(/images/common/bg_pod_bottom.jpg) 0 0 no-repeat;
}
#headerPod {
	float:right;
	width:315px;
	margin-top:25px;
	font-size:12px;
}
#headerPod h1 {
	color:#c00b0b;
	font:normal 20px/22px Helvetica, sans-serif;
	padding-bottom:0;
}
#banner {
	width:633px;
	height:269px;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
}
#banner img {
	border:none;
	width:633px;
	height:269px;
}
.bottomPod h2, #sidePod h2 {
	font:bold 18px/22px Helvetica, sans-serif;
	border-bottom:1px solid #c00b0b;
	margin-bottom:4px;
	padding-top:25px;
	color:#5c5b5b;
}
.bottomPod, #sidePod {
	font-size:11px;
    }
    
.moreLink {
	font-size:11px;
    clear:right;
	float:right;
	margin-top:3px;
}
#searchPod {
	margin:0 !important;
}
#searchPod h2 {
	background:url(/images/common/bg_magnify.png) 98% 80% no-repeat;
}
.fadeHover {
	position:relative;
	display:block;
	width:310px;
	height:203px;
	margin:0 auto;
	background: url(/images/home/gui_greenproducts.jpg) 0 0 no-repeat;
}
.fadeHover * {
	display: none;
}
.fadeHover span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width:310px;
	height:203px;
	background:url(/images/home/gui_greenproducts.jpg) 0 -203px no-repeat;
}
/* COMPANY */
#companyBody #headerContainer .mainWrapper, #specialsBody #headerContainer .mainWrapper {
	background-image:url(/images/common/bg_header_company.jpg);
}
#companyBody ul.bottomPod {
margin-left:0 !important;
}
/* BUSINESS */
#businessBody #headerContainer .mainWrapper {
	background-image:url(/images/common/bg_header_business.jpg);
}
/* PRODUCTS */
#productsBody #headerContainer .mainWrapper {
	background-image:url(/images/common/bg_header_products.jpg);
}
#productsBody #bottomContainer {
	background: url(/images/common/bg_subs_pod_bottom.jpg) 0 0 repeat-x;
	border:1px solid #a1a1a1;
}
/* GREEN */
#greenBody #headerContainer .mainWrapper {
	background-image:url(/images/common/bg_header_green.jpg);
}
#greenBody #bottomContainer {
	background: url(/images/common/bg_green_bottom.jpg) 0 0 no-repeat;
	border:1px solid #a3d53a;
}
#greenBody h1, #greenBody h2, #greenBody #columnOne a, #greenBody #bottomContainer .bottomPod a.activeLink {
	color:#1d8111 !important;
}
#greenBody .bottomPod h2 {
	border-bottom:1px solid #1d8111;
}
#greenBody .moreLink {
	color:#87b429;
}
#greenBody a#actionBttn, #greenBody a#actionBttn:hover {
	background: url(/images/common/bg_arrow_action_green.jpg) 100% 48% no-repeat;
	color:#1d8111;
}
#greenBody a#actionBttn:hover {
	color:#87b429;
}
/* SPECIALS */
#specialsBody #mainContent img {
	border:0px solid #c7c7c7;
}
#specialsBody #headerContainer .mainWrapper {
	background-image:url(/images/common/bg_header_specials.jpg);
}
/* VENDORS */

ul.bottomPod {
	margin:10px 0 0 14px;
	width:100%;
}
ul.bottomPod li {
	float:left;
	margin-bottom:10px;
}
ul.bottomPod img.vendorTn {
	width:105px;
	height:58px;
}
/*	=== CONTACT SECTION
*/
#contactBody #headerContainer .mainWrapper {
	background-image:url(/images/common/bg_header_contact.jpg);
}
#contactBody #sidePod {
	background:none;
	padding:0;
	border-width:0;
}
#contactBody #sidePod h2 {
	margin:14px 0 30px;
	padding-top:0;
}
#form_nameFieldContainer, #form_companyFieldContainer {
	width:305px;
	float:left
}
#form_emailFieldContainer, #form_phoneFieldContainer {
	float:left
}
#form_addressFieldContainer, #form_topicFieldContainer, #form_noteFieldContainer {
	float:none;
	clear:both;
}
#form_addressFieldContainer input, #form_noteFieldContainer textarea {
	width:505px;
}
#form_noteFieldContainer textarea {
	height:198px;
}
#form_nameFieldContainer label, #form_companyFieldContainer label, #form_addressFieldContainer label, #form_topicFieldContainer label, #form_noteFieldContainer label {
	width:82px;
}
#form_submitBttnContainer input {
	border:0;
	width:105px;
	height:33px;
	float:right;
	margin:10px 30px 0 0;
	clear:both;
	background:url(/images/common/bg_submit_bttn.jpg) 0 0 no-repeat;
	text-indent:-1000px;
	overflow: hidden;
	font-size: 0;
	display:block;
	line-height: 0;
}
.wpcf7-response-output, .wpcf7-mail-sent-ok {
	font-size:14px;
	margin:0 0 20px;
	color:#c00b0b;
	border:1px solid #a4a4a3;
	padding:10px;
	background-color:#b5b5b4;
	width:574px;
}
.wpcf7-mail-sent-ok {
	color:#FFF;
}
.wpcf7-display-none {
	display:none;
}
#form_nameFieldContainer .wpcf7-not-valid-tip-no-ajax, #form_emailFieldContainer .wpcf7-not-valid-tip-no-ajax {
	display:block;
	clear:both;
	margin:0 0 8px 90px;
	padding:0;
	color:#c00b0b;
}
#form_emailFieldContainer .wpcf7-not-valid-tip-no-ajax {
	margin-left:120px;
}
.requiredIndicator {
	color:#c00b0b;
	font-weight:bold;
	font-size:18px;
	padding-left:3px;
}
/* SEARCH FORM */
#searchform #searchsubmit {
	clear:both;
	margin-left:120px;
	margin-top:0px;
	width:75px;
	padding:1px 5px;
	height:22px;
}