/*

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: 0; /* match top ul list item height */

	z-index: 100;

	margin-top: 32px;

}

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:10.5px;

}

#mainNav ul {

	position: absolute;

	top: -999em;

	width: 10em; /* left offset of submenus need to match (see below) */

}

#mainNav li {

	padding-right:0px;

	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, #mainNav li:hover 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:112px;

}

#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;

        

}

#columnOne img.vendlogo-img {

	width:662px;

        height:auto;

}



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:395px;

	margin-top:25px;

	font-size:13px;

}

#headerPod h1 {

	color:#c00b0b;

	font:normal 20px/22px Helvetica, sans-serif;

	padding-bottom:0;

}

#headerPod img {

	float:left;

	width:90px;

	height:60px;

	margin:2px 10px 0 0;

}

#banner {

	width:633px;

	height:277px;

	overflow:hidden;

	float:left;

	margin-bottom:5px;

}

#banner img {

	border:none;

	width:633px;

	height:277px;

}

.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(/wp-content/uploads/2014/09/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(/wp-content/uploads/2014/09/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;

}

/* SEARCH FORM */

#searchform #searchsubmit {

	clear:both;

	margin-left:120px;

	margin-top:0px;

	width:75px;

	padding:1px 5px;

	height:22px;

}