/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

p {
	line-height: 22px;
	margin: 0 0 15px 0;
}

img { 
	border: 0px none;
}

form {
	margin: 0px;
	padding: 0px;
}

input {
}

a {
	color: #6f952c;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #575757;
}

a:focus, object, input:focus, select:focus, option:focus  {
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #6f952c;
}

h1 {
	font-size: 34px;
	font-weight: normal;
	color: #333;
	margin: 0 0 15px 0;
}

h2, h2 a {
	font-size: 20px;
	font-weight: normal;
	color: #555;
	margin: 10px 0 15px 0;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 5px 0 15px 0;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin: 5px 0 25px 0;
	line-height: 20px;
}

h5 {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	margin: 5px 0 10px 0;
	line-height: 20px;
}


h6, h6 a {
	font-size: 12px;
	font-weight: bold;
	color: #777;
	margin: 5px 0 10px 0;
	line-height: 20px;
}


hr {
}

ul {
	line-height: 22px;
}

ol {
	line-height: 22px;
}

li {
}

td, th {
	vertical-align: top;
}

/****** GENERIC ******/

/*.clear {
	clear: both;
}*/

/********************* CLEARING */
.clear /* For IE/MAC. */
{
	display: inline-block;
}

.clear:after /* For Non-IE browsers. */
{
	clear: both;
	content: "";
	display: block;
	visibility: hidden;

	height: 0;
}

* html .clear /* For IE6 and below, trigger hasLayout. */
{
	height: 1%;
}

.clear /* For IE/Win. */
{
	display: block;
}

br.clear,
div.clearDiv {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.clearLeft {
	clear: left
}

.clearText {
	display: block;
	text-indent: -999999em;
}

.rowEnd {
	margin-right: 0 !important;
}

.rowStart {

}

.collapse p {
	margin: 0;
}
.collapse {
	margin: 1px 0 10px 0;
}

/**************** STYLE */
.borderBottom {
	border-bottom: 1px solid #e4dfe1;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.borderTop {
	border-top: 1px solid #e4dfe1;
	padding-top: 10px;
	margin-top: 10px;
}

a.downLink ,
a.upLink {
	line-height: 16px;
	padding-right: 25px;
	background: url(../images/btns/arrow-circle_med_wh-gr-d.gif) no-repeat right top;
}

a.upLink,
a.downLink.active {
	background: url(../images/btns/arrow-circle_med_wh-gr-u.gif) no-repeat right top;
}

a.rightLink {
	line-height: 17px;
	padding-right: 25px;
	background: url(../images/btns/arrow-circle_med_wh-gr-r.gif) no-repeat right top;
}

a.leftLink {
	line-height: 17px;
	padding-right: 25px;
	background: url(../images/btns/arrow-circle_med_wh-gr-l.gif) no-repeat right top;
}


a.downLink:hover,
a.upLink:hover,
a.rightLink:hover {
	background-position: right bottom;
}

a.productLink {
	background: url(../images/btns/arrow-circle_med_wh-gr-l.gif) no-repeat right top;
}

/**************** FORMS */
.inputText input,
.inputText select,
.inputText option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333;
}

.inputText {
	padding-left: 5px;
	display: block;
}

.inputText .inputBg {
	padding: 0 5px 0 0;
	display: block;
	height: 32px;
}

.inputText .inputBg input {
	border: 0px none;
	background: none;
	height: 15px;
	width: 150px;
	margin: 7px 0 0 0;
}

.inputText select {
	border: 0px none;
	margin-top: 6px;
}

div#bottomContainer .inputText {
	background: #fff url(../images/form/input_left_br.gif) no-repeat left top;
	float: left; 
	margin-left: 10px;
	width: 157px;
}

div#bottomContainer .inputText .inputBg {
	background: url(../images/form/input_right_br.gif) no-repeat right top;
}

div#bottomContainer .submitImage {
	float: right;
	margin: 2px 0 0 0;
}

div.boxDarkGreen .inputText {
	background: #fff url(../images/form/input_left_dgr.gif) no-repeat left top;
}

div.boxDarkGreen .inputText .inputBg {
	background: url(../images/form/input_right_dgr.gif) no-repeat right top;
}

div.boxDarkGreen .inputText .inputBg select {
	width: 150px;
	height: 20px;
}

div.boxLightGreenAlt .inputText 
{    
	background: #fff url(../images/form/input_left_lgr.gif) no-repeat left top;
}

div.boxLightGreenAlt .inputText .inputBg {
	background: url(../images/form/input_right_lgr.gif) no-repeat right top;
}

div.boxLightGreenAlt .inputText .inputBg input, select {
	width: 150px;
	height: 20px;
	border: 0px solid #cecece;
}

/*======================================================= LAYOUT */
div.container {
	width: 940px;
	margin: 0 auto;
}

/**************** HEADER */
div#header {
	text-align: center;
	height: 129px;
}


/********* NAV */
div#navContainer {
	height: 43px;
	border-top: 1px solid #7c9952;
	border-bottom: 1px solid #7b9919;
	background: #93b661;
	overflow: hidden;
}

div#navContainer div#navMenu {
	float: left;
	width: 590px;
}

div#navContainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 43px;
}

div#navContainer ul a {
	text-decoration: none;
	color: #fff;
}

div#navContainer ul a:hover {
	text-decoration: underline;
	color: #efefbe;
}

div#navContainer div#navMenu ul li {
	float: left;
}

div#navContainer div#navMenu a {
	display: block;
	background-image: url(../images/btns/nav.gif);
	height: 43px;
}

div#navContainer div#navSub {
	float: right;
	width: 350px;
	text-align: right;
}

div#navContainer div#navSub ul li {
	display: inline;
	font-size: 11px;
	padding: 0 0 0 8px;
}

/**************** NAV */
li#navFace a {
	width: 61px;
	background-position: 0px top;
}
li#navFace a:hover,	li#navFace a.active { background-position: 0px bottom; }

li#navBody a {
	width: 61px;
	background-position: -61px top;
}
li#navBody a:hover,	li#navBody a.active { background-position: -61px bottom; }

li#navHair a {
	width: 60px;
	background-position: -122px top;
}
li#navHair a:hover,	li#navHair a.active { background-position: -122px bottom; }

li#navPack a {
	width: 68px;
	background-position: -182px top;
}
li#navPack a:hover,	li#navPack a.active { background-position: -182px bottom; }

li#navIngr a {
	width: 117px;
	background-position: -250px top;
}
li#navIngr a:hover,	li#navIngr a.active { background-position: -250px bottom; }

li#navPure a {
	width: 138px;
	background-position: -367px top;
}
li#navPure a:hover,	li#navPure a.active { background-position: -367px bottom; }

li#navKids a {
	width: 81px;
	background-position: -505px top;
}
li#navKids a:hover,	li#navKids a.active { background-position: -505px bottom; }

/**************** BANNER */
div#bannerContainer {
	height: 400px;
	width: 100%;
	margin: 0;
	position: relative;
}

	#bannerContainer ul {
		margin: 0;
    	padding: 0;
    	text-decoration: none;
    	list-style-type: none;
    	width: 100%
	}

		#bannerContainer li {
			width: 100%;
		}

		#bannerContainer a {
			position: relative;
			width: 960px;
			margin: 0 auto;
		}
	
	.bannerPagination_wrap {
		width: 960px;
		position: relative;
		margin: 0 auto;
	}

	#bannerPagination {
	    position: absolute;
	    bottom: 30px;
    	left: 10px;
	    z-index: 9;
	}

	#bannerPagination a {
		background-color: #c6c6c6;
		/*background: transparent url(../images/icons/banner-nav.gif) center center no-repeat;*/
	    -webkit-border-radius: 11px;
		-moz-border-radius: 11px;
		border-radius: 11px;
	    display: inline;
	    margin-right: 5px;
	    padding: 4px 8px;
	    color: #fff;
	    font-size: 11px;
	}

		#bannerPagination a.activeSlide {
			background-color: #9e9e9e;
			/*background: transparent url(../images/icons/banner-nav-active.gif) center center no-repeat;*/
		}

div#banner {
	height: 400px;
	width: 100%;
}

div#noFlashContainer {
	padding-top: 50px;
}

div#noFlash {
	width: 500px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	background: #F6F6E6;
}

/**************** BOTTOM */
div#bottomContainer {
	background: #412720 url(../images/bg/btm-bg.gif) repeat-x center bottom;
	height: 70px;
}

div#bottomContainer div.container {
	padding: 15px 0 0 0;
	color: #fff;
}

div#bottomContainer img {
	float: left;
	padding: 5px 20px 0 0;
}

div#bottomContainer p {
	float: left;
	width: 360px;
	margin: 0;
	line-height: 18px;
}


div#bottomContainer form.formSubscribe {
	float: right;
	width: 385px;
	text-align: right;
	padding: 5px 0 0 0;
}


/**************** FOOTER */
div#footerContainer {
	background: #281914 url(../images/bg/footer-bg.gif) no-repeat center top;
	padding: 30px 0 40px 0;
}

div#footerContainer div.container {
	color: #8f6c62;
	font-size: 11px;
}

div#footerContainer h5 {
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
	margin-bottom: 3px;
	color: #8F6C62;
}

div#footerContainer li ,
div#footerContainer p {
	line-height: 20px;
	margin: 0;
}

div#footerContainer a {
	color: #8f6c62;
	text-decoration: none;
}

div#footerContainer a:hover {
	color: #fff;
}

div#footerContainer div.column {
	float: left;
	width: 240px;
}

div#footerContainer div.column ul {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	width: 100px;
}

div#footerContainer div.column.columnLeft {
	padding-right: 20px;
}

div#footerContainer div.columnRight {
	float: right;
	width: 190px;
	text-align: right;
}

div#footerContainer div.columnRight img {
	padding-left: 15px;
}

/**************** TOP */
div#topContainer {
	background: #f6f6e6;
}

div#topContainer .container {
	position: relative;
}

body.Product div#topContainer .container {
	height: 100px;
}

div#topContainer .columnLeft {
	float: left;
	width: 200px;
}

div#topContainer .columnRight {
	float: right;
	width: 720px;
	padding: 10px 0 5px 0;
}

div#topContainer .columnRight p {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 15px 0;
}

div#topContainer div.sideHeaderContainer {
	position: absolute;
	bottom: -1px;
	width: 200px;
}


/**************** PAGE */
div#pageContainer {
	background: url(../images/bg/page-btm.gif) no-repeat right bottom;
	padding-bottom: 40px;
}

div#page {
}

div#pageContainer div.pageSide {
	float: left;
	width: 200px;
	/*padding: 30px 0 0 0;*/
	padding: 0;
}

div#pageContainer div.pageMain {
	float: right;
	width: 720px;
	padding: 30px 0 0 0;
}

/**************** SIDE */
div.sideHeader {
	border-bottom: 1px solid #7bc0b9;
	height: 40px;
	background: #50ABA2;
}

div.sideHeaderDarkGreen {
	border-bottom: 0px solid #7bc0b9;
	height: 40px;
	background: #367e76;
}

div.sideHeader h3 {
	margin: 0;
	padding: 10px 10px 0 20px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

div.sideHeaderDarkGreen h3 {
	margin: 0;
	padding: 10px 10px 0 20px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

div#pageContainer div.pageSide div.boxLightGreen,
div#pageContainer div.pageSide div.boxDarkGreen,
div.boxContent {
	width: 200px;
	color: #fff;
}

div.boxContent .fieldRow {
	margin-bottom: 15px;
}

div.boxContent .button
{
    text-align: center;
}

/******** BOX - LIGHT GREEN */
div.boxLightGreen {
	margin: 0 0 20px 0; 
}

div.boxLightGreen div.subMenu {
	background: #50aba2 url(../images/bg/side-ftr_l-gr.gif) no-repeat center bottom;
}

div.boxLightGreenAlt {
	margin: 0px 0; 
	background: #50aba2 url(../images/bg/side-ftr_l-gr.gif) no-repeat center bottom;
}

div.boxLightGreenAltTop {
	margin: 0px; 
	background: url(../images/bg/side-top_l-gr.png) no-repeat center top;
	width: 200px;
	height: 10px;
}

/******** BOX - DARK GREEN */
div.boxDarkGreenTop {
	margin: 20px 0px 0px 0px; 
	background: #367e76 url(../images/bg/side-top_d-gr.gif) no-repeat center top;
	width: 200px;
	height: 10px;
}

div.boxDarkGreen {
	margin: 20px 0; 
	background: #367e76 url(../images/bg/side-ftr_d-gr.gif) no-repeat center bottom;
}

div#pageContainer div.boxDarkGreen {
	margin: 0 0 20px 0; 
}

div.boxDarkGreen div.boxContent {
	font-size: 11px;
	padding: 0 20px 20px 20px;
	width: 160px;
}

div.boxDarkGreen div.boxContent p {
	margin: 0 0 10px 0;
}

div.boxLightGreenAlt div.boxContent {
	font-size: 11px;
	padding: 0 20px 20px 20px;
	width: 160px;
}

div.boxLightGreenAlt div.boxContent p {
	margin: 0 0 10px 0;
}

/******** BOX - QUOTE */
div.boxQuote {
	margin: 20px 0 40px 0;
}

div.boxQuote p {
	margin: 0;
	font-size: 11px;
	line-height: 18px;
}

div.boxQuote .quote ,
div.boxQuote .quoteSmaller {
	font-size: 18px;
	margin: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #747474;
	line-height: 26px;
	display: block;
}

div.boxQuote .quoteSmaller {
	font-size: 14px;
	line-height: 22px;
}

div.pageSide div.boxQuote {
	margin-top: 160px;
}

div.pageSide div.boxQuote .quote {
	font-size: 22px;
	line-height: 26px;
}


/**************** SIDE MENU */
div.subMenu {
	padding: 0 0 25px 0;
}

div.subMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.subMenu ul a {
	display: block;
	_height: 13px; /* ie */
	background-color: #50aba2;
	line-height: 13px;
	padding: 9px 20px 11px;
	border-bottom: 1px solid #80c2bc;
	color: #fff;
	text-decoration: none;
	background-position: 0px 15px;
	background-repeat: no-repeat;
}

div.subMenu ul li.hasSub a {
	background-image: url(../images/icons/arrow_sm_wh-gr_nav.gif);
}
div.subMenu ul li.hasSub.active a {
	background-image: url(../images/icons/arrow_sm_wh-gr_nav-up.gif);
}

div.subMenu ul li.hasSub.active ul a ,
div.subMenu ul li.hasSub ul a {
	background-image: none;
}

div.subMenu ul .hasSub.active a {
	background-color: #50aba2;
}

div.subMenu ul a:hover ,
div.subMenu ul .active a,
div.subMenu ul ul li.active a ,
div.subMenu ul .hasSub.active li.active a,
div.subMenu ul .hasSub.active a:hover {
	background-color: #367e76;
	color: #fff;
	text-decoration: none;
}


div.subMenu ul ul a {
	padding: 9px 20px 11px 40px;
	background-image: none;
}

/**************** POPUP */
body.Popup div.container {
	width: 640px;
}

body.Popup div#topContainer {
	padding: 25px 0 15px 0;
}

body.Popup div#pageContainer {
	padding: 25px 0 15px 0;
}

body.Popup div#bottomContainer {
}


/*======================================================= SPECIFIC */
h1#logo {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div#breadcrumb {
	font-size: 11px;
	color: #a1a981;
	padding: 10px 0;
	line-height: 15px;
}

div#breadcrumb a { /*link*/
	color: #a1a981;
	text-decoration: none;
}

div#breadcrumb a:hover { 
	color: #333;
}

div#breadcrumb span { /*divider*/
	padding: 0 10px;
}

div#breadcrumb strong { /*active*/
	font-weight: bold;
}

/******* PAGER */
.pager {
	line-height: 15px;
	position: relative;
}

.pager h3
{
    margin-bottom: 5px;
}

.pager a {
	color: #828282;
}

.pager a:hover {
	color: #6A932B;
}

.pager .pagerResults {
	float: left;
	width: 300px;
	padding: 5px 0 0;
}

.pager .pagerNums {
	float: right;
	width: 250px;
	text-align: right;
	padding: 5px 0 0;
}

.pager .pagerNums a ,
.pager .pagerNums strong {
	padding: 0 4px;
	display: inline-block;
	padding-top: 1px;
}

.pager .pagerNums strong
{
	color: #6A932B;
}

.pager a.pageLeft {
	background-image: url(../images/hover/square-arrow_sm-blk-gre-l.gif);
}
.pager a.pageRight {
	background-image: url(../images/hover/square-arrow_sm-blk-gre-r.gif);
}

.pager a.pageLeft, 
.pager a.pageRight {
	vertical-align: middle;
	line-height: 10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -99999em;
	text-align: left;
}

.pager a.pageLeft:hover,
.pager a.pageRight:hover {
	background-position: center -200px;
}

.pager .pagerLeft {
	float: left;
/*	width: 480px;*/
	width: 49%;
	text-align: left;
}
.pager .pagerRight {
	float: right;
	text-align: right;
/*	width: 460px;*/
	width: 49%;
}

.pager .colLeft {
	float: left;
	padding-top: 5px;
}

.pager .colRight {
	float: right;
	padding-top: 5px;
}
.pager a {

}

.pager .pagerLeft .colRight {
	padding-right: 10px;
}
.pager .pagerRight .colLeft {
	padding-left: 10px;
}
.pager .pagerLeft .colRight a ,
.pager .pagerRight .colLeft a {
	color: #ff4e00;
}
.pager .pagerLeft  .colRight a:hover ,
.pager .pagerRight .colLeft a:hover {
	color: #fff;
}
/*
.pager .pagerLeft .colLeft {
	width: 220px;
	padding: 5px 0 0;
}
.pager .pagerLeft .colLeft a {
	padding-left: 17px;
}
.pager .pagerLeft .colRight a {
	color: #ff4e00;
}

.pager .pagerRight .colLeft {
	width: 220px;
	text-align: left;
	padding: 5px 0 0;
}
.pager .pagerRight .colLeft a {
	color: #ff4e00;
}
.pager .pagerRight .colRight {
	background: none;
}

/******************** HOME */
body.Home {
}

div#homeContainer {
	background: url(../images/bg/page-btm.gif) no-repeat right bottom;
	padding: 0 0 80px 0;
}

div.homeColumn {
	position: relative;
	z-index: 99;
	float: left;
	width: 310px;
	padding: 20px 0 0 0;
/*	height: 200px; */
}

div.homeColumn p {
	margin: 5px 0;
	line-height: 18px;
}

div.homeColumn div.contentImage {
	position: absolute;
	margin-top: 0;/*-40px;*/
	right: 0px;
	width: 105px;
	text-align: right;
	float: right;
}

div.homeColumn div.contentText {
	width: 175px;
	float: left;
}

div.homeColumn div.contentBg {
	background-repeat: no-repeat;
	background-position: top right;
}

div.homeColumn h4  {
	margin: 0 0 5px 0;
}

div.homeColumn h4 a {
	display: block;
}

/*div.homeColumn h2 {
	font-size: 20px;
	font-weight: normal;
	color: #555;
	margin: 10px 0 15px 0;
}*/

div#homeContainer div.homeColumn.columnLeft {
	background: url(../images/calls/call-bg_difference.jpg) no-repeat right top;
}

div#homeContainer div.homeColumn.columnLeft p {
	width: 190px;
}

div#homeContainer div.homeColumn.columnMid {
	background: url(../images/calls/call-bg_sustainability.jpg) no-repeat right top;
	width: 300px;
	padding-left: 20px;
}

div#homeContainer div.homeColumn.columnMid p {
	width: 200px;
}

div#homeContainer div.homeColumn.columnRight {
	width: 290px;
	padding-left: 20px;
	/*height: 1%;
	overflow: hidden;*/
}

div#homeContainer div#homeFeatured {
	padding: 0;
}

div#homeContainer div#homeFeatured div.contentBg {
	padding: 20px 0 0 20px;
}

/********* PRODUCT SLIDER */
div#productSlider {
	position: relative;
	overflow: hidden;
	height: 200px;
}

div#productSlider ul.categoryList {
	position: relative;
}

div#productSlider ul.categoryList li {
	width: 260px;
	padding: 0 10px;
	float: none;
	position: absolute;
	background: #fff;
}

div#productSlider ul.categoryList li div.content {
	margin: 5px 0 0 115px;
}

div#productSlider div.sliderControls {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 100;
}

div#productSlider div.sliderControls a {
	display: none;
	/*display: block;*/
	width: 17px;
	height: 17px;
	float: left;
	margin-left: 5px;
}

div.sliderControls a#sliderNext {
	background: url(../images/btns/arrow-circle_med_wh-gr-r.gif) no-repeat right top;
}

div.sliderControls a#sliderPrev {
	background: url(../images/btns/arrow-circle_med_wh-gr-l.gif) no-repeat left top;
}

div.sliderControls a#sliderNext:hover,
div.sliderControls a#sliderPrev:hover {
	background-position: center bottom;
}

div#homeContainer ul.categoryList li {
	width: 290px;
}

div#homeContainer ul.categoryList li.rowEnd {
	margin: 0;
}

/********************** CATEGORY */
body.Category div#pageContainer div.pageSide {
	padding: 30px 0 0 0;
}

ul.categoryList {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

ul.categoryList li {
	float: left;
	margin: 0 0 20px 0;
	width: 340px;
	/*height: 140px;*/
}

ul.categoryList li div.image {
	float: left;
}

ul.categoryList li div.content {
	margin: 5px 0 0 105px;
}

div.categoryListWide ul.categoryList li div.content {
	margin: 5px 0 0 205px;
}

ul.categoryList li div.content h4 {
	margin: 0 0 10px;
}

ul.categoryList li div.content p {
	margin: 5px 0 15px 0;
	line-height: 20px;
}

ul.categoryList li div.content h6, 
ul.categoryList li div.content h6 a {
	margin: 0;
	font-weight: normal;
}

ul.categoryList li.rowStart {
	clear: both;
	padding-right: 16px; 
}

ul.categoryList li.rowEnd {
}

#homeContainer ul.categoryList li div.image {
	float: right;
	margin-top: -30px;
}

#homeContainer ul.categoryList li div.content {
	margin: 0 105px 0 0;
}

#homeContainer ul.categoryList li div.content h4 {
	width: 140px;
}

/*
#homeContainer ul.categoryList li div.content h4 {
	margin: 0;
}

#homeContainer ul.categoryList li div.content p {
	margin: 0;
	line-height: 16px;
	font-size: 11px;
}*/


/********************* PRODUCT */
body.Product div#pageContainer div.pageSide {
	/*padding: 0;*/
}

body.Product div#pageContainer div.pageMain {
	padding: 25px 0 0 0; 
}

p.prodShortDesc {
	font-size: 14px;
	font-weight: bold;
	/*margin: 25px 0 15px 0;*/
	margin: 0 0 15px 0;

}

div#pageContainer div.pageMain div.columnLeft {
	float: left;
	width: 380px;
}

div#pageContainer div.pageMain div.columnRight {
	float: right;
	width: 300px;
}

div.ingredients {
	padding: 0 0 15px 0;
}

div.ingredients div.collapse {
	margin: 0;
}

div.ingredients div.collapse p {
	padding: 0 0 10px 0;
}

div.ingredients a.collapseLink {
	font-size: 12px;
}

div.ingredients p {
	font-size: 11px;
	line-height: 18px;
}

a.sukinDiff {
	margin: 40px 0 20px 0;
	display: block;
	height: 100px;
	width: 270px;
	background: url(../images/btns/sukin-difference.gif) no-repeat right top;
}

a.sukinDiff:hover {
	background-position: right bottom;
}

/********* ICON LIST */
ul.iconList {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.iconList li {
	float: left;
	width: 55px;
	height: 55px;
	margin: 0 10px 10px 0;
}

/********* STOCKIST */
table.stockistTable {
	border: 0;
	margin-bottom: 50px;
	width: 100%;
}

table.stockistTable td ,
table.stockistTable th {
	padding: 10px 5px;
	vertical-align: top;
	border-bottom: 1px #E4DFE1 solid;
}

table.stockistTable th {
	text-align: left;
	background: #eee;
	padding: 10px 5px;
	border-bottom: none 0;
}

table.stockistTable .phone {
	width: 100px;
}

/*********************** FORM **********************/
.generalForm .formClear {
	clear: both;
	height: 0px;
	font-size: 0;
	line-height: 0;
}

/* row */
.generalForm .formItem {

}
.generalForm .formItem.medium {
	float: left;
	width: 300px;
	margin-right: 10px;
}
.generalForm .formItem.full {
	clear: left;
	width: 620px;
}

/* label */
.generalForm .formLabel {
	display: block;
	line-height: 25px;
}
.generalForm .formLabel .mandatory {
	color: red;
	padding-left: 5px;
}

/* tip */
.generalForm .formItem .tip {
	font-size: 11px;
	display: block;
	color: #888;
}
.generalForm .medium.name .tip {
	width: 145px;
	float: left;
	margin: 0 5px 5px 0;
}


/* field sizes */
.generalForm .formField {
}
.generalForm .short .formField {
	width: 150px;
}
.generalForm .medium .formField {
	width: 280px;
}
.generalForm .medium.name .formField {
	width: 132px;
	float: left;
	margin-right: 5px;
}
.generalForm .medium select.formField {
	width: 292px;
}
.generalForm .long .formField {
	height: 80px;
}

.generalForm .full .formField {
	width: 590px;
}

/* inputs */
.generalForm .formField {
	width: 95%;
	border: 1px #ccc solid;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
.generalForm input.formField {
	height: 15px;
}
.generalForm select.formField {
	height: 28px;
}

/* buttons */
.generalForm .formEnd {
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
}

.generalForm .formEnd p {
	margin: 5px 0;
}

div#footerContainer div#socialMedia {
	text-align: right;
	padding-top: 15px;
}

div#footerContainer div#socialMedia a img {
	vertical-align: middle;
	padding: 0;
}

/******************************** STORES */
/******* STORE LISTING */
.js .initialListing
{
	display: none;
}

#storeListing {
	/*padding: 10px 0 30px;*/
	padding: 10px 0 15px;
    color: #676767;
}

#storeListing ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#storeListing .bullet {
    vertical-align: middle;
}

#storeListing li {
	margin: 0;
	padding: 25px 0 35px 0;
	background: url(../images/hr_dotted-grad-btm_lgt.gif) repeat-x center bottom;
}

#storeListing .storeName {
	margin: 0 0 5px 0;
	color: #6A932B; /*80A749*/
	font-size: 9pt;
}

#storeListing .moreInfo {
    float: right;
}

#storeListing p {
	display: inline;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
	line-height: 22px;
}
#storeListing .address {
	width: 160px;
}
#storeListing .contact {
	width: 390px;
}
#storeListing .contact label {
/*	float: left;
	clear: left;
*/	width: 40px;
	padding-right: 10px;
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
}
#storeListing .contact span {
/*	float: left;*/
	display: inline-block;
	width: 245px;
}

#storeListing .info {
	float: right;

	width: 210px;
}

#storeListing .info label {
	font-weight: bold;
	display: block;
}
#storeListing .info span {
	display: block;
}
#storeListing .info span.ranges.contractable {
	overflow: hidden;
}

#storeListing .info .infoMore {
	display: block;
}

#rangeFilterHeader .separator
{
	color: #d4d4d5;

	padding: 0 4px;
}

#rangeFilters ul
{
	list-style: none;
	
	margin: 0;
	padding: 0;
}

#rangeFilters li
{
	margin: 0 0 7px 0;
	padding: 0;
}

#rangeFilters .labelHolder
{
	display: inline;
	float: right;
	
	width: 110px;
}

#rangeFilters label
{
	color: #414141;

	float: left;
}

#rangeFilters input
{
	float: left;
}

/******* STORE DETAIL */
#storeDetail 
{
    color: #676767;
}

#storeDetail h3 
{
    color: #6A932B;
}

#storeDetail h4 
{
    font-weight: bold;
    margin-bottom: 10px;
}

#storeDetail .details {
	background: url(../images/hr_dotted-grad-btm_lgt.gif) repeat-x center bottom;
	padding: 0 0 20px 0;
	margin: 20px 0 30px 0;
}

#storeDetail p {
	margin: 0 0 20px 0;
}

#storeDetail .columnInfo {
	float: left;
	width: 230px;
	padding: 0 30px 20px 0;
}

#storeDetail .columnRight {
	float: left;
	width: 200px;
	padding: 0 0 20px 0;
	font-size: 11px;
}

#storeDetail .columnLeft {
	float: left;
	width: 230px;
	padding: 0 0 20px 0;
}

#storeDetail .columnMap {
	float: right;
	width: 680px;
}

#storeDetail .more {
	color: #adadad;
	font-size: 11px;
	line-height: 18px;
}

#storeDetail .address {
	font-size: 14px;
	font-weight: bold;
}

#storeDetail .contact {
	font-size: 11px;
	line-height: 18px;
}

/*#storeDetail .contact label {
	float: left;
	width: 60px;
	padding-right: 10px;
	font-weight: bold;
}

#storeDetail .contact span {
	float: left;
	width: 160px;
}*/

/******* MAP */
.storeMap {
	background: url(../images/bg/map_bg.gif) repeat-y center center;
}

#storeMap
{
	height: 230px;
	width: 680px;
}

.storeMap .bgTop {
	background: url(../images/bg/map_top.gif) no-repeat center top;
	padding: 5px 0 0 0;
}
.storeMap .bgBtm {
	background: url(../images/bg/map_btm.gif) no-repeat center bottom;
	padding: 5px 10px 10px 10px;
}

/* Store Landing Map. */

#locationFilters .onlineRetailers {
	display: block;
	text-align: center;
	color: white !important;
	font-size: 1.2em;
	margin-top: 1em;
}

#windowContent
{
	overflow: hidden;
	position: absolute;
		top: 0;
		z-index: 1;
	
	height: 0;
}

#storeWorldMapHolder
{
	background-image: url(../images/bg/map-world.jpg);
	background-repeat: no-repeat;	
	padding: 10px;
	height: 400px;
	width: 680px;
}

#storeWorldMap
{
	height: 400px;
	width: 680px;
}

#storeListingMapHolder
{
	background-image: url(../images/bg/map-listing.jpg);
	background-repeat: no-repeat;	
	padding: 10px;
	height: 230px;
	width: 680px;
	margin-bottom: 20px;
}

#storeListingMap
{
	height: 230px;
	width: 680px;
}

/* Marker Content. */

.infoWindow
{
	padding: 10px 0 10px 11px;
}

.infoWindow .storeItem
{
	display: block;
	float: none;

	margin-bottom: 0;

	width: auto;
}

.infoWindow .storeItem .details
{
	color: #000000;
	font-size: 11px;
	line-height: 17px;

	margin-top: 0;

	width: 150px;
}

.infoWindow .storeItem .details h4
{
	color: #000000;
	font-size: 14px;
	
	margin: 2px 0 3px 0;
}

.infoWindow .storeItem .details a.more:hover
{
	color: #FF5400;
	text-decoration: underline;
}

/* Marker Content - Google Maps custom window. */

#storeInfoWindow
{
	min-height: 98px;
	width: 273px;
}

* html #storeInfoWindow
{
	height: 98px;
}

#storeInfoWindow_contents
{
	background-color: #ffffff;
	
	min-height: 98px;
}

* html #storeInfoWindow_contents
{
	height: 98px;
}

#storeInfoWindow_tl
{
	background-image: url(../images/maps/tl.png);
	position: absolute;

	height: 10px !important;
	width: 37px !important;
}

* html #storeInfoWindow_tl
{
	background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maps/tl.png', sizingMethod='crop');
}

#storeInfoWindow_tr
{
	background-image: url(../images/maps/tr.png);
	position: absolute;

	height: 10px !important;
	width: 17px !important;
}

* html #storeInfoWindow_tr
{
	background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maps/tr.png', sizingMethod='crop');
}

#storeInfoWindow_bl
{
	background-image: url(../images/maps/bl.png);
	position: absolute;

	height: 17px !important;
	width: 37px !important;
}

* html #storeInfoWindow_bl
{
	background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maps/bl.png', sizingMethod='crop');
}

#storeInfoWindow_br
{
	background-image: url(../images/maps/br.png);
	position: absolute;

	height: 17px !important;
	width: 17px !important;
}

* html #storeInfoWindow_br
{
	background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maps/br.png', sizingMethod='crop');
}

#storeInfoWindow_t
{
	background-image: url(../images/maps/top.png);
	position: absolute;

	height: 10px !important;
	width: 273px !important;
}

* html #storeInfoWindow_t
{
	background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maps/top.png', sizingMethod='crop');
}

#storeInfoWindow_l
{
	background-image: url(../images/maps/leftArrow.png);
	position: absolute;
	
	height: 97px;
	width: 37px !important;
}

* html #storeInfoWindow_l
{
	background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maps/leftArrow.png', sizingMethod='crop');
}

#storeInfoWindow_r
{
	background-image: url(../images/maps/right.png);
	position: absolute;

	height: 97px;
	width: 17px !important;
}

* html #storeInfoWindow_r
{
	background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maps/right.png', sizingMethod='crop');
}

#storeInfoWindow_b
{
	background-image: url(../images/maps/bottom.png);
	position: absolute;

	height: 17px !important;
	width: 273px !important;
}

* html #storeInfoWindow_b
{
	background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maps/bottom.png', sizingMethod='crop');
}

#recaptchaBlock {
	height: 120px;
}

/**************** INGREDIENTS */

.ingredientsNav {
	list-style-type: none;
	padding: 0 0 20px;
}

	.ingredientsNav li {
		display: inline;
		padding: 0 5px 0 0;
	}
	
		.ingredientsNav a {
			color: #000;
			font-size: 28px;
		}
		
		.ingredientsNav a:hover,
		.ingredientsNav a.active,
		.ingredientsNav a:active,
		.ingredientsNav a:focus {
			color: #50aba2;
		}


/* facebook addthis */
.addthis_toolbox {
	width: 400px;
}

.addProductReview {
	width: 300px;
	height: 363px;
	background: url('../images/bg/addProductReview.gif') top left no-repeat;
}
.addProductReview.withComments {
	float: right;
}
.addProductReview .subTitle {
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 5px;
}
.addProductReview div {
	margin: 10px 20px;
}
.addProductReview div.submit input {
	float: right;
	width: 90px;
	height: 23px;
}
.addProductReview input, .addProductReview textarea {
	width: 250px;
	padding: 5px;
	display: block;
	border: none;
	resize: none;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.addProductReview textarea {
	height: 100px;
}
.addProductReview .ratingStars {
	padding-left: 10px;
}
.addProductReview .ratingStars img.star {
	cursor: pointer;
}

.productReviews {
	width: 400px;
}
.productReviews ul, .productReviews ul li {
	margin: 0; padding: 0;
	list-style: none;
}
.productReviews p.author {
	margin-bottom: 0;
}
.productReviews .reviewStars {
	font-size: 0.8em;
}
.productReviews .viewMore {
	text-decoration: underline;
}

/* END OF CSS */