/*
| Created by:	Kate Syddall
| Date Created:	JUNE 2008
| Copyright 2008 ARCTIC ZONE
*/

/* HOMEPAGE STYLES */
#flashhpanim {
	float: left;
	width: 644px;
	height: 391px;
	margin: 0 0 4px 0;
	_margin: 0 0 2px 0;
}

#hp-promos {
	float: left;
	width: 644px;
	height: 120px;
}

#hp-promos #promo1 {
	float: left;
/*
	width: 212px;
*/
  width:  428px;
	height: 120px;
}

#hp-promos #promo2 {
	float: left;
	width: 212px;
	height: 120px;
	background-image: url(/images/Newsletter_AZsite.gif);
	background-repeat: no-repeat;
	background-position: top left;
/*
	background-color: #ffdc9b;
*/
}

#hp-promos #promo2 input.newsletterfield {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	color: #022b4c;
	_margin: 0 0 0 4px;
	*margin: 0 0 0 4px;
	padding: 0 0 0 0;
	background-color: #F2F2F2;
}

#hp-promos #promo2 input.promosignupbtn {
	width: 51px;
	height: 15px;
	display: block;
	float: left;
	margin: 1px 0 0 3px;
}

#hp-promos #promo3 {
	float: left;
	width: 212px;
	height: 120px;	
}


div.promodiv {
	float: left;
	width: 4px;
	height: 120px;
	background-image: url(/images/promo-div.gif);
	background-repeat: repeat-y;
}

* html div.promodiv {
	float: left;
	width: 3px;
	height: 120px;
	background-image: url(/images/promo-div.gif);
	background-repeat: repeat-y;
}

#hp-promos h2.newsletterpromo {
	font-size: 95%;
	font-weight: bold;
	color: #FFF;
	margin: 46px 10px 0 10px;
}

p.newslettercopy {
	font-size: 80%;
	color: #FFF;
	line-height: 1.5em;
	margin: -15px 10px 0 10px;
}

#signup {
	float: left;
	margin: 95px 0 0 0;
	_margin: 2px 0 0 0;
	width: 212px;
}

#hp-promos #promo2 a,
#hp-promos #promo2 a:link,
#hp-promos #promo2 a:visited  {
	color: #FFF;
	text-decoration: underlined;	
}

#hp-promos #promo2 a:hover,
#hp-promos #promo2 a:active  {
	color: #E28F20;
	text-decoration: underlined;	
}

#hp-image {
	display: none;
}

#search input.searchbox {
	display: block;
	float: left;
	margin: 0;
}

#search input.searchbtn {
	width: 47px;
	height: 15px;
	display: block;
	float: left;
	margin: 1px 0 0 3px;
}

/* END HOMEPAGE STYLES */

/* HEADER STYLES */

.pageheader {
	margin: 0;
	width: 644px;
	height: 115px;
}

.where_to_buy {
	background-image: url(/images/headers/where_to_buy.jpg);
}

.who_we_are {
	background-image: url(/images/headers/who_we_are.jpg);
}

.innovations {
	background-image: url(/images/headers/innovations.jpg);
}

.safety {
	background-image: url(/images/headers/safety.jpg);
}

.technology {
	background-image: url(/images/headers/technology.jpg);
}

.green_thinking {
	background-image: url(/images/headers/green_thinking.jpg);
}

.customer_service {
	background-image: url(/images/headers/customer_service.jpg);
}

.faqs {
	background-image: url(/images/headers/faqs.jpg);
}

.search {
	background-image: url(/images/headers/search.jpg);
}

.playzone {
	background-image: url(/images/headers/playzone.jpg);
}

.what_are_you {
	background-image: url(/images/headers/what_are_you_doing.jpg);
}

.living_it_now {
	background-image: url(/images/headers/living-it-now2.gif);
}



/* Please note height defined specific to each Product pages header - update height if nessessary to accomidate for new header height treatment */
.products_coolers {
	background: url(/images/headers/coolers-header.jpg) no-repeat 0 0;
}

.products_ecologic {
	background: url(/images/headers/ecologic-header.jpg) no-repeat 0 0;
}

.products_hydration {
	background: url(/images/headers/hydration-header.jpg) no-repeat 0 0;
}

.products_lunchpacks {
	background: url(/images/headers/lunchbags-header.jpg) no-repeat 0 0;
}

/* END HEADER STYLES */

/* CONTENT PAGE STYLE */

#pagecontent h1,
#pagecontent h2,
#pagecontent h3,
#pagecontent h4,
#pagecontent h5,
#pagecontent h6,
#pagecontent p {
	margin: 5px 30px 3px 20px;
}

#pagecontent h2 {
	margin-top: 0 !important;
	}

#pagecontent ul {
	margin: 10px 35px;
	font-size: 95%;
}

/*#pagecontent ul li {
	list-style: circle;
}*/

#pagecontent ul li {
	list-style: none;
	background: url(/images/arrow-bullet-point.gif) no-repeat 0 .3em;
	margin: 2px 0;
	padding: 0 0 0 14px;
}

#pagecontent a,
#pagecontent a:link,
#pagecontent a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #E28F20;
}

#pagecontent a:hover,
#pagecontent a:active {
	color: #134F7F; 
	
}

div.recipe_pg_num {
	margin: 10px 0 20px 0;
	overflow: auto;
}

p.breadcrumb {
	font-weight: bold;
	color: #E28F20;
	font-style: italic;
}

p.breadcrumb a, p.breadcrumb a:link, p.breadcrumb a:visited {
	font-weight: normal !important;
	color: #134F7F !important;
	text-decoration: underline !important;
}

p.breadcrumb a:hover, p.breadcrumb a:active {
	color: #E28F20 !important;
}

/* END CONTENT PAGE STYLE */

/* PRODUCT STYLE PAGE */

#products #pagecontent {
	margin: 0;
	padding: 0 15px 10px 15px;
	float: left;
	width: 614px;
	/* background-color: #C6DCEE; */
}

#pagecontent #pagination_holder {
	*height: 1%;
	float:left;
	margin: 15px 0 10px 0;
	font-weight: normal;
	font-size: 95%;
	color:#416389;
	}
	
#pagecontent #pagination_holder a, #products #pagecontent #pagination-holder a:visited {
	color:#416389;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	}
	
#pagecontent #pagination_holder a:hover {
	text-decoration: none;
	}
	
#pagination_holder #breadcrumb {
	float: left;
	}
#pagination_holder #breadcrumb .page {
	display: inline;
	font-style: italic;
	font-weight: bold;
	color: #E28F20;
	}

#pagination_holder #page_count {
	float: right;
	color: #E28F20;
	font-weight: bold;
	}
	
#pagecontent p.intro_text {
	color: #416389;
	margin: 0 30px 30px 0px;
	}
	
#pagecontent .product_row {
	margin: 0 0 5px 0;
	padding: 10px 0 0 11px;
	float: left;
	width: 600px;
	*height: 1%;
	}
	
#pagecontent .product_row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

/* product thumbs previous size = 150x150 */
	
#pagecontent .product_row .product {
	float: left;
	width: 170px;
	_width: 170px;
	margin: 0 15px 0 10px;
	*margin: 0 15px 0 10px;
	_margin: 0 10px 0 10px;
	background-color: #fff;
	}
	
#pagecontent .product_row .product img {
	/*padding: 10px 10px 10px 13px;*/
	padding: 22px 10px 10px 22px;
	}
	
.product .product_thumb a {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	top: 0;
	left: 0;
	cursor: hand;
	}

.product .product_thumb a .product_mask {
	background: url(/images/products/product-pg-frame-blu-170.gif) no-repeat;
	position:absolute;
	left:0;
	top:0px;
	_top:0px;
	width: 170px;
	height: 170px;
	z-index: 100;
	}
	
*html .product .product_thumb a .product_mask {
	background: url(/images/products/product-pg-frame-blu-170.gif) no-repeat;
	position:absolute;
	left:0;
	top:-117px;
	_top:0px;
	width: 170px;
	height: 170px;
	z-index: 100;
	}
	
.product .product_thumb:hover a .product_mask {
	background: url(/images/products/product-pg-frame-grn-170.gif) no-repeat;
	position:absolute;
	left:0;
	top:0px;
	_top:0px;
	width: 170px;
	height: 170px;
	z-index: 100;
	}
	
*html .product .product_thumb a:hover .product_mask {
	background: url(/images/products/product-pg-frame-grn-170.gif) no-repeat;
	position:absolute;
	left:0;
	top:-117px;
	_top:0px;
	width: 170px;
	height: 170px;
	z-index: 100;
	}

#pagecontent .product_row .product .button {
	float: right;
	clear: both;
	margin: 0 3px 0 0;
	padding: 5px 0 10px 0;
	*padding: 0 0 0 0;
	}
	
#pagecontent .product_row .product .button a {
	padding: 2px 22px 4px 8px; 
	background: url(/images/details-button.gif) right; 
	font-weight: bold;
	font-size: 90%; 
	text-decoration: none;
	border-left: none !important;
	color: #17376f !important;
	height: 21px;
	*height: 25px;
	*line-height: 1.8em;
	_line-height: 1.8em;
	white-space: nowrap;
}
	
#pagecontent .product_row .product .button a:link,
#pagecontent .product_row .product .button a:visited {
	color: #17376f !important;
}

#pagecontent .product_row .product .button a:hover,
#pagecontent .product_row .product .button a:active {
	text-decoration: underline !important;
}

/* END PRODUCT STYLE PAGE */

/* INDIVIDUAL PRODUCT PAGE */

#products_single #pagecontent {
	margin: 0;
	padding: 0 0 10px 15px;
	float: left;
	width: 614px;
	background-color:#fff;
	*height: 1%;
	}

#products_single #pagecontent .products_holder {
	background: url(/images/products/products_bg_top.gif) no-repeat 0 0;
	float: left;
	width: 585px;
	margin: 0 0 0 0;
	padding: 8px 15px 0 15px;
	}
	
#products_single #pagecontent .products_holder .print_tab {
	background: url(/images/products/products_print_tab.gif) no-repeat 0 0;
	float:right;
	font-size: 10px;
	line-height: 12px;
	width:75px;
	height:12px;
	padding: 3px 0 0 5px;
	*height:1%;
	}
	
#products_single #pagecontent .products_holder .print_tab a, #products_single .products_holder .print_tab a:visited {
	color: #134F7F;
	text-decoration: none;
	font-weight: normal;
	background: url(/images/products/icon-print-arrow.gif) no-repeat right center;
	margin: 0 0 0 0;
	padding: 0 10px 0 3px;
	line-height: 12px;
	}
	
#products_single #pagecontent .products_holder .print_tab a:hover {
	text-decoration: underline;
	}
	
#products_single #pagecontent .products_holder .product_container {
	background: #fff;
	margin: 0 0 0 0;
	padding: 30px 15px 10px 0;
	width: 565px;
	float:left;	
	}

*html #products_single #pagecontent .products_holder .product_container {
	padding: 30px 10px 10px 0;
}
	
.product_container .product_images {
	float: left;
	width: 325px;
	_width: 330px;
}

.product_container .product_images .product_thumbs {
	float: left;
	width: 81px;
	background-color: #fff !important;
	}
	
.products_holder .product_container .product_thumbs img {
	margin: 0 0 19px 0;
	background-color: #fff !important;
	}
	
.product_container .product_images .add_zoom {
	clear: both;
	width: 325px;
	_width: 330px;
	position: relative;
	padding: 0 0 5px 0;
	}
	
*html .product_container .product_images .add_zoom {
	float:left;
	height: 1%;
	}

/*.product_container .product_images .add_zoom .bookmark {
	position: relative;
	}*/

.product_container .product_images .add_zoom .bookmark {
	float: left;
	margin: 0 0 0 4px;
	_margin: 0 0 0 6px;
	
}
	
.product_container .product_images .add_zoom .zoom a {
	float: right;
	margin: 0;
	_margin: 0;
	text-indent: -1000em;
	width: 103px;
	height: 12px;
	background: url(/images/products/button-zoom.gif) no-repeat 0 0;
	}
	

.product_container .product_images .back-to {
	clear: both;
	float: left;
	margin: 20px 0 0 10px;
	}

.product_container .product_images .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/previous-arrow.gif) no-repeat 0 .38em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
.product_container .product_images .back-to a:hover {
	text-decoration: underline !important;
	}
	
.products_holder .product_descript {
	float:left;
	width: 240px;
	color: #134F7F;
	}
	
.products_holder .product_descript h1 {
	color: #134F7F;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	}

.products_holder .product_descript h4 {
	color: #134F7F;
	font-size: 100%;
	}
	
.products_holder .product_descript .dimension {
	margin: 0 0 10px 20px;
	font-size: 90%;
	*font-size: 86%;
	}
	
.products_holder .product_descript .colors {
	color: #134F7F;
	font-size: 95%;
	font-weight: bold;
	margin: 0 0 10px 20px;
	}

.products_holder .product_descript .colors img {
	display: inline;
	margin: 0 0 0 0;
	vertical-align: middle;
	}
	
.products_holder .product_descript .colors .access {
	position: absolute;
	top: -9999em;
	left: -9999em;
	}
	
.products_holder .product_descript p {
	color: #134F7F;
	font-size: 95%;
	margin: 0 0 5px 20px !important;
	}
	
.products_holder .product_descript ul {
	list-style: none !important;
	margin: 0 0 20px 20px !important;
	padding: 0 0 0 0 !important;
	color: #134F7F;
	}
	
.products_holder .product_descript ul li {
	list-style: none !important;
	background: url(/images/arrow-bullet.gif) no-repeat 0 .3em !important;
	margin: 0 0 3px 0 !important;
	padding: 0 0 0 10px !important;
	color: #134F7F;
	font-size: 100%;
	}
	
.products_holder .product_descript .button {
	margin: 0 0 0 20px !important;
	padding: 0 0 10px 0;
	_padding: 0 0 5px 0;
	font-size: 80%;
	width: 100px !important;
	}
	
.products_holder .product_descript .button.where a {
	padding: 2px 25px 5px 8px !important;
	}

.products_holder .product_descript .button.tips a {
	padding: 2px 28px 5px 8px !important;
	}

#products_single #pagecontent .products_bottom {
	background: url(/images/products/products_bg_bottom.gif) no-repeat bottom left;
	width: 580px;
	height: 17px;
	padding: 0 15px 0 15px;
	float:left;
	}

*html #products_single #pagecontent .products_bottom {
	background: url(/images/products/products_bg_bottom.gif) no-repeat 0 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 625px;
	height: 18px;
	}
	
	
/* PRODUCT TIPS */


.product_container .tip_images {
	float: left;
	width: 240px;
	margin-left: 15px;
	}
	
.products_holder .tip_descript {
	float:left;
	width: 285px;
	_width: 290px;	
	color: #134F7F;	
	}
	
.products_holder .tip_descript p {
	color: #134F7F;
	font-size: 95%;
	margin: 0 0 5px 20px !important;
	}
	
.products_holder .tip_descript ul {
	list-style: none !important;
	margin: 0 0 20px 20px !important;
	padding: 0 0 0 0 !important;
	color: #134F7F;
	}
	
.products_holder .tip_descript ul li {
	list-style: none !important;
	background: url(/images/arrow-bullet.gif) no-repeat 0 .3em !important;
	margin: 0 0 3px 0 !important;
	padding: 0 0 0 10px !important;
	color: #134F7F;
	font-size: 100%;
	}
	
.product_container .back-to {
	clear: both;
	float: left;
	margin: 20px 0 0 15px;
	}

.product_container .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/previous-arrow.gif) no-repeat 0 .38em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
.product_container .back-to a:hover {
	text-decoration: underline !important;
	}
	
.product_container h1.tips {
	color: #134F7F;
	margin: 0 15px 5px 15px !important;
}

.product_container p.tips {
	color: #134F7F;
	margin: 0 15px 30px 15px !important;
}	
		
	
	

/* RECIPE PAGE STYLE */

#recipeheader {
	margin: 0;
	width: 644px;
	height: 151px;
	background: url(/images/headers/recipeheader.jpg);
}

#recipe_menu {
	margin: 0 0 10px 0;
}

#recipe_menu .search {
	float:right;
	margin: 0 5px 2px 0;
	background-color: #60605F !important;
	background: none !important;
}

*html #recipe_menu .search {
	margin: 3px 5px 3px 5px;
}

h2.ourfavs {
	margin: 5px 0 0 10px;
	background: url(/images/ourfavs2.gif) no-repeat;
	text-indent: -9999em;
	height: 35px;
}

*html img.ourfavs {
	margin: 0 0 0 12px;
}

div.recipewrapper {
	float: left;
	width: 644px;
	display: inline;
	margin: 10px 0 0 0;
}

*html div.recipewrapper {
	float: left;
	width: 644px;
}

.pagination_recipes {
	*height: 1%;
	float:left;
	margin: 15px 0 10px 0;
	font-weight: bold;
	font-size: 95%;
	color:#416389;
	width: 610px;
	}
	
.pagination_recipes a, .pagination_recipes a:visited {
	color:#134F7F !important;
	font-weight: bold;
	text-decoration: underline !important;
	}
	
.pagination_recipes a:hover {
	text-decoration: none !important;
	}
	
.pagination_recipes .page_numbers {
	float: left;
	padding: 0 0 0 15px;
	color: #E28F20;
	}
	
#pagination_holder #breadcrumb .page {
	display: inline;
	font-style: italic;
	font-weight: bold;
	color: #E28F20;
	}

.pagination_recipes .prev_next {
	float: right;
	color: #7CB1E6;
	font-weight: bold;
	}

div.recipe-sml {
	float: left;
	width: 310px;
	*width: 305px;
	margin: 10px 0 10px 10px;
	padding: 0 0 0 0;
	*padding: 0 5px 10px 0;
	*height: 1%;
}

div.recipe-sml:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html div.recipe-sml {
	width: 300px;
	margin: 10px 0 10px 10px;
	padding: 0 0 10px 0;
}

div.recipe-sml.dottedborder {
	background: url(/images/recipe/recipes_dotted_border.gif) repeat-x left bottom;
}

div.thumbnail-recipe {
	float: left;
	margin: 0 0 10px 0;
	position: relative;
	z-index: 1;
}

*html div.thumbnail-recipe {
	margin: 0 0 30px 0;
}

#recipehome #pagecontent p.HeadBannerDesc {
	margin: 0 14px;
}

/* div.thumbnail-recipe img {
	float:left;
	} */
	
div.thumbnail-recipe .recipe-mask {
	background: url(/images/recipe/recipeframe.gif) no-repeat;
	position:absolute;
	left:0;
	top:0;
	width: 140px;
	height: 140px;
	z-index: 100;
	}
	
div.thumbnail-recipe a {
    cursor: hand;
    }

div.recipe-copy {
	width: 170px;
	float: left;
	margin: 10px 0 15px 0;
}

*html div.recipe-copy {
	width: 160px;
}

div.recipe-copy h2 {
	font-size: 100%;
}

*html div.recipe-copy h2 {
	font-size: 95%;
}

div.recipe-copy p,
div.featurerecipecopy p {
	font-size: 95%;
}

*html div.recipe-copy p,
*html div.featurerecipecopy p {
	font-size: 85%;
}

div.recipe-copy div.button,
div.featurerecipecopy div.button {
	margin: 10px 0 0 20px;
}

div.button a {
	padding: 2px 22px 4px 8px; 
	background: url(/images/blue-button.gif) right; 
	font-weight: bold;
	font-size: 90%; 
	text-decoration: none;
	border-left: solid 1px #57B6DD;
	color: #F2F2F2 !important;
	height: 21px;
	*height: 25px;
	*line-height: 1.8em;
	_line-height: 1.8em;
	white-space: nowrap;
}
	
div.button a:link,
div.button a:visited {
	color: #F2F2F2 !important;
}

div.button a:hover,
div.button a:active {
	color: #C0F244 !important;
}

div.featurerecipe {
	float: left;
	margin: 10px;
	position: relative;
}

*html div.featurerecipe {
	margin: 6px;
}

div.featurerecipe .recipe-mask {
	background: url(/images/recipe/recipeframe-big.gif) no-repeat;
	position:absolute;
	left:0;
	top:0;
	width: 200px;
	height: 200px;
	z-index: 100;
	}
	
div.featurerecipe a {
	cursor: hand;
	}
	
div.featurerecipe div.button {
	margin: 0 0 10px 5px;
	_margin: 0 0 9px 5px;
	}

div.featurerecipe div.button a {
	margin: 0 0 5px 0;
	padding: 2px 22px 4px 8px; 
	background: url(/images/blue-button.gif) right; 
	font-weight: bold;
	font-size: 80%; 
	text-decoration: none;
	border-left: solid 1px #57B6DD;
	color: #F2F2F2 !important;
	height: 25px;
	line-height: 1.2em;
	*line-height: 1.8em;
	white-space: nowrap;
}

div.featurerecipe div.button.print a {
	padding: 6px 33px 5px 8px;
	line-height: 1.4em;
	*padding: 2px 33px 5px 8px;
	_padding: 2px 33px 5px 8px;
	background: url(/images/blue-button.gif) 97px 3px;
	*background: url(/images/blue-button.gif) 98px -1px; 
	}

div.featurerecipe div.button a:link,
div.featurerecipe div.button a:visited {
	color: #F2F2F2 !important;
}

div.featurerecipe div.button a:hover,
div.featurerecipe div.button a:active {
	color: #C0F244 !important;
}

div.featurerecipecopy h2 {
	font-size: 1.5em;
}

*html div.featurerecipecopy h2 {
	font-size: 1.2em;
}

div.featurerecipecopy {
	width: 350px;
	float: left;
	margin: 10px 0 15px 0;
}

*html div.featurerecipecopy {
	width: 340px;
}

div.featurerecipecopy .back-to {
	margin: 15px 0 0 0;
	}

div.featurerecipecopy .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/previous-arrow.gif) no-repeat 0 .38em;
	margin: 15px 0 0 20px;
	padding: 0 10px 0 10px;
	}
	
div.featurerecipecopy .back-to a:hover {
	text-decoration: underline;
	}
	
	img.EDWRR {
		margin: 4px 0 0 0;
	}

/* FAQ Styles */

#faqs #pagecontent {
	padding: 20px 0 0 0;
	}
	
#faqs #pagecontent h1 {
	margin: 0 0 20px 20px;
	color: #134F7F !important;
}
	
#faqs #pagecontent h2.blue {
	font-size: 100%;
	}

#faqs #pagecontent h2.blue a {
	color: #134F7F !important;
}

#faqs #pagecontent h2.blue a:hover {
	color: #E28F20 !important;
	}
	
#faqs #pagecontent .faq_ques {
	margin: 0 0 -5px 20px;
	padding: 0 0 0 0;
	}
	
#faqs #pagecontent .back-to {
	margin: 0 0 20px 20px;
	}
	
#faqs #pagecontent .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/back-to-top-arrow.gif) no-repeat 0 .5em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#faqs #pagecontent .back-to a:hover {
	text-decoration: underline !important;
	}
	
/* Where to buy styles */

#where #pagecontent h1 {
	margin: 20px 0 20px 20px;
	color: #134F7F !important;
}

#WhereForm {
	margin: 20px 0 0 20px;
	color: #134F7F;
	font-weight: bold;
	_width: 610px;
	}
	
#WhereForm select {
	font-weight: normal;
	width: 150px;
}

.where_info_row {
	margin: 0 0 11px 30px;
	_margin: 0 0 11px 20px;
	float: left;
	*height: 1%;
	/* background: url(/shared/images/where_to_buy/where_to_buy_bg.gif) repeat-y 0 0; */
	_background: none;
}

.where_info_item {
	float:left;
	width: 270px;
	_width: 290px;
	margin: 0 20px 0 0;
	_margin: 0 0 0 0;
	padding: 10px 0 10px 10px;
	_padding: 10px 0 10px 10px;
	font-size: 90%;
	color: #134F7F;
	_background-color: #fff;
	_height: 150px;
}

.where_info_item img {
	height: 30px;
	margin: 0 0 10px 0;
}

.where_info_item h1 {
	margin: 0 0 0 0 !important;
	}

.where_info_item h2 {
	margin: 2px 0 0 0 !important;
	color: #134F7F;
	clear: both;
}

.where_info_item a.store_info_link {
	display: block;
	color: #134F7F !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}

.where_info_item div.button {
	margin: 10px 0 10px 0;
	_margin: 10px 0 10px 0;
	float: left;
}

.where_info_item div.button a {
	_margin: 0 0 5px 0;
	padding: 2px 22px 4px 8px; 
	background: url(/images/blue-button.gif) right; 
	font-weight: bold;
	font-size: 90%; 
	text-decoration: none;
	border-left: solid 1px #57B6DD;
	color: #C0F244 !important;
	height: 25px;
	*line-height: 1.8em;
	_line-height: 1.8em;
	white-space: nowrap;
}

/* Thinking Green styles */

#green #pagecontent {
	_height: 1%;
	}
	
#column_container {
	_height: 1%;
	padding: 0 0 20px 0;
	width: 649px;
	_width: 644px;
}
	
#column_container .column_content {
	float:left;
	width: 420px;
	_height: 1%;
}
	
#column_container .column_content h1 {
	margin: 20px 0 20px 20px;
	color: #134F7F !important;
}

#green #column_container .column_content h2 {
	margin:0 0 0 20px !important;
	font-size: 100% !important;
}

#column_container .column_content p {
	margin-bottom: 15px !important;
}

#green #column_container .column_content h2.what-you-can-do {
	color: #134F7F !important;
	margin-top: 10px !important;
}
	
#column_container .column_content p.footnote {
	font-size: 80%;
}
	
#column_container .c_column_content {
	float:right;
	width: 215px;
	_height: 1%;
}
	
#column_container .c_column_content h2 {
	margin: 0 0 0 0 !important;
	_margin: 0 0 0 5px !important;
	text-indent: -9999em;
	background: url(/images/thinking-green/recycled-materials-title.gif) no-repeat 0 0;
	height: 100px;
}
	
#column_container .c_column_content h4 {
	margin: -25px 0 10px 0 !important;
	font-size: 100%;
	color: #134F7F;
	font-weight: normal;
}

.c_column_content .promo {
	margin: 0 0 10px 0;
	width: 192px;
	text-align: right;
	font-size: 86%;
}
	
.c_column_content .promo img {
	margin: 0 0 2px 0;
}
	
.c_column_content .promo p {
	margin: 0 0 0 0 !important;
}

img.noplastic {
	margin: 10px 30px 5px 20px; 
}

img.ecologic-title {
margin: 0 30px 0 20px;
}

img.ecologic-prods {
margin: 0 30px 12px 20px;
}

#green #pagecontent .back-to {
	margin: 0 0 20px 20px;
	}
	
#green #pagecontent .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/back-to-top-arrow.gif) no-repeat 0 .5em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#green #pagecontent .back-to a:hover {
	text-decoration: underline !important;
	}


/* Microban page styles */

#safety #pagecontent {
	_height: 1%;
	}
	
#safety #column_container {
	_height: 1%;
	padding: 0 0 20px 0;
	width: 644px;
	_width: 640px;
}
	
#safety #column_container .column_content {
	float:left;
	width: 400px;
	_width: 380px;
	_height: 1%;
}
	
#safety #column_container .column_content h1 {
	margin: 20px 0 20px 20px;
	color: #134F7F !important;
}

#safety #column_container .column_content h2 {
	margin: 0 0 0 20px !important;
	color: #333 !important;
	font-size: 100% !important;
}

#safety #column_container .column_content p {
	margin-bottom: 15px !important;
}
	
#safety #column_container .column_content p.footnote {
	font-size: 80%;
}
	
#safety #column_container .c_column_content {
	float:left;
	width: 210px;
	_height: 1%;
	margin: 20px 20px 0 10px;
	padding: 10px 0 0 0;
}

#safety #column_container .c_column_content img.petridishes {
	margin: 15px 30px 0 20px; 
	_margin: 15px 0 0 40px; 
}

#safety #column_container img.microban-logo {
	margin: 0 30px 0 20px; 
	_margin: 0 0 0 40px; 
}

/* Ultra Safe Page Styles */

#safety #column_container .c_column_content img.lsds {
	margin: 10px 0 0 0;
}


#safety #pagecontent .back-to {
	margin: 0 0 20px 20px;
	}
	
#safety #pagecontent .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/back-to-top-arrow.gif) no-repeat 0 .5em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#safety #pagecontent .back-to a:hover {
	text-decoration: underline !important;
	}

h2.US_safe_prod {
	margin:0 0 15px 20px !important;
	font-size: 100% !important; 
}

/* RSS Details page styles */

#column_container.rss {
	margin-top: 20px;
	}
	
#column_container.rss .c_column_content {
	text-align: left;
	float: left;
	width: 210px;
	margin-left: 20px;
}

#column_container.rss .c_column_content img {
	border: 1px solid #333;
	}


#column_container.rss .c_column_content p {
	margin: 10px 0 10px 0;
	}

#column_container.rss .c_column_content p img.bookmark {
	border: none !important;
	}	
	

#column_container.rss .column_content {
	width: 350px;
	}
	
#column_container.rss .column_content h1 {
	margin: 0 0 10px 20px !important;
	}	

#column_container.rss h2 {
	margin-bottom: 10px !important;
	}

#column_container.rss p {
	margin-bottom: 0 !important;
	}
	
#column_container.rss p.date {
	font-size: 90%;
	*font-size: 86%;
	color: #666;
	margin-bottom: 10px !important;
	}
	
#column_container.rss .print {
	clear: both;
	float: left;
	margin: 20px 0 0 0;
	_margin: 20px 0 0 0;
	}
	
#column_container.rss .print a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/products/icon-print-arrow.gif) no-repeat 0 .38em;
	margin: 5px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#column_container.rss .print a:hover {
	text-decoration: underline !important;
	}
	
#column_container.rss .back-to {
	clear: both;
	float: left;
	margin: 10px 0 0 0;
	_margin: 10px 0 0 0;
	}

#column_container.rss .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/previous-arrow.gif) no-repeat 0 .38em;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#column_container.rss .back-to a:hover {
	text-decoration: underline !important;
	}
	
.RSSFeed p.date {
	font-size: 90%;
	*font-size: 86%;
	}
	
.search_more {
	width: 300px;
	margin: 0 0 10px 20px;
	padding: 0 0 0 0;
	}
							
.search_more a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/products/icon-print-arrow.gif) no-repeat 0 .38em;
	margin: 5px 0 0 0;
	padding: 0 10px 0 10px;
	}
							
.search_more a:hover {
	text-decoration: underline !important;
	}	
	

/* who we are page styles */

#who #pagecontent {
	padding-top: 20px !important;
	}

#who #pagecontent h1 {
	margin: 0 0 20px 20px;
	color: #134F7F !important;
}
	
#who #pagecontent p {
	margin-bottom: 15px !important;
}

#who #pagecontent p#live_it_now {
	text-indent: -9999em;
	background: url(/images/liveitnow.gif) no-repeat 0 0;
	height: 40px;
	}
	

/* technology specific styles */

#technology #pagecontent {
	padding-top: 20px !important;
	background: url(/images/technology/bg-gradient.gif) no-repeat 432px 0;
	}

#testing_protocol #pagecontent {
	padding-top: 20px !important;
}

#technology #pagecontent h1,
#testing_protocol #pagecontent h1 {
	margin: 0 0 20px 20px;
	color: #134F7F !important;
}

#technology #pagecontent h2,
#testing_protocol #pagecontent h2 {
	margin: 20px 0 0 20px !important;
	color: #333 !important;
	font-size: 100% !important;
}

#technology #pagecontent div.techrow {
	width: 644px;
	margin: 0 0 10px 0;
	overflow: auto;
}

#technology #pagecontent div.techrow div.tech-content {
	float:left;
	width: 422px;
	margin: 0 10px 0 0;
}

#technology #pagecontent div.techrow div.tech-content-narrow {
	float:left;
	width: 375px;
	margin: 0 10px 0 0;
}

#technology #pagecontent div.techrow div.tech-pic {
	float: left;
	width: 192px;
	margin: 0;
}

#technology #pagecontent div.techrow div.tech-pic-wide {
	float: left;
	width: 259px;
	margin: 0;
}

#technology #pagecontent div.techrow div.tech-content img,
#technology #pagecontent div.techrow div.tech-content-narrow img {
	margin: 10px 0 0 20px;
}

#technology #pagecontent div.techrow div.tech-pic img,
#technology #pagecontent div.techrow div.tech-pic-wide img {
	margin: 20px 0 0 0;
}

#technology #pagecontent div.techrow div.tech-content p.footnote,
#technology #pagecontent div.techrow div.tech-content-narrow p.footnote {
	font-size: 80%;
}

#technology #pagecontent div.techrow div.tech-content p.footnote img,
#technology #pagecontent div.techrow div.tech-content-narrow p.footnote img {
	margin: 2px 5px 0 0;
}

#technology #pagecontent .back-to {
	margin: 0 0 20px 20px;
}
	
#technology #pagecontent .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/back-to-top-arrow.gif) no-repeat 0 .5em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
}

#technology #pagecontent .back-to a:hover,
#testing_protocol #pagecontent .prev_pg a:hover {
	text-decoration: underline !important;
}

#testing_protocol #pagecontent .prev_pg {
	margin: 20px 0 20px 20px;
}
	
#testing_protocol #pagecontent .prev_pg a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/previous-arrow.gif) no-repeat 0 .38em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
}
	



/* Terms and Conditions styles */

#terms #pagecontent h1 {
	margin: 20px 0 10px 20px;
	color: #333 !important;
}
	
#terms #pagecontent p {
	margin-bottom: 15px !important;
	font-size: 90%;
	_height: 1%;
}


#terms #pagecontent .back-to {
	margin: 0 0 20px 20px;
	}
	
#terms #pagecontent .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/back-to-top-arrow.gif) no-repeat 0 .5em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#terms #pagecontent .back-to a:hover {
	text-decoration: underline !important;
	}

/* Privacy styles */

#privacy #pagecontent h1 {
	margin: 20px 0 10px 20px;
	color: #333 !important;
}
	
#privacy #pagecontent p {
	margin-bottom: 15px !important;
	font-size: 90%;
}

#privacy #pagecontent ul li {
	font-size: 90%!important;
}

#privacy #pagecontent .back-to {
	margin: 0 0 20px 20px;
	}
	
#privacy #pagecontent .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/back-to-top-arrow.gif) no-repeat 0 .5em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#privacy #pagecontent .back-to a:hover {
	text-decoration: underline !important;
	}

/* sitemap styles */

#sitemap #pagecontent {
	margin-top: 0 !important;
	}
	
#sitemap #pagecontent #sitemap-container {
	margin: 0 0 20px 0;
}

#sitemap #pagecontent #sitemap-container ul {
	margin-top: -10px !important;
}

#sitemap #pagecontent h1 {
	margin: 20px 0 10px 20px;
	color: #333 !important;
}

#sitemap #pagecontent h2 {
	margin: 20px 0 0 20px !important;
	color: #333 !important;
	font-size: 100% !important;
}
	
#sitemap #pagecontent p {
	margin: 0 0 15px 0 !important;
	font-size: 90%;
}

#sitemap #pagecontent .back-to {
	margin: 0 0 20px 20px;
}
	
#sitemap #pagecontent .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/back-to-top-arrow.gif) no-repeat 0 .5em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
}

#sitemap #pagecontent .back-to a:hover {
	text-decoration: underline !important;
}

/* 404 styles */

.four #pagecontent {
	_height: 1%;
	_float: left;
	}
	
.four #pagecontent h1 {
	margin: 20px 0 40px 20px;
	color: #333 !important;
}

.four #pagecontent p {
	_height: 1%;
	}
	
	
/* search styles */

/* .search_results a {
	color: #134F7F;
	} */
	
/* drop shadow box for feature recipe*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>

.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 600px; /* container width*/
background-color: #60605F;
margin: 10px 20px;
}

.shadowcontainer .innerdiv {
/* Add container height here if desired */
background-color: #D8E5EF;
border: 1px solid #333;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
overflow: visible;
*height: 1%;
}

.shadowcontainer .innerdiv:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html .shadowcontainer .innerdiv {
height: 220px;
}

/* END RECIPE PAGE STYLE */


/* Customer care Styles */

/*#cust_serv #pagecontent h1 {
	margin: 20px 0 40px 20px;
	color: #333 !important;
}*/

#cust_serv #pagecontent p {
	margin-bottom: 15px !important;
}

*html #cust_serv #pagecontent p {
	margin-bottom: 0 !important;
}

#cust_serv #pagecontent {
	padding-top: 20px !important;
}
	
#cust_serv #pagecontent h1.blue {
	margin: 0 0 20px 20px;
	color: #134F7F !important;
}

#cust_serv #pagecontent h2 {
	margin: 10px 0 0 20px !important;
	color: #333 !important;
	font-size: 100% !important;
}

#cust_serv .bottom-border {
	float: left;
	background: url(/images/recipe/recipes_dotted_border.gif) repeat-x left bottom;
	margin: 0 0 10px 20px !important;
	padding: 0 0 5px 0;
	width: 600px;
	_height: 1% !important;
	_margin: 0 0 10px 10px !important;
	_padding: 0 !important;
}

*html #cust_serv .bottom-border {
	float: left;
	background: url(/images/recipe/recipes_dotted_border.gif) repeat-x left bottom;
	height: 1% !important;
	margin: 0 0 5px 10px !important;
	padding: 0 !important;
	width: 600px;
	_height: 1% !important;
	_margin: 0 0 15px 10px !important;
	_padding: 0 !important;
}


.pagination_customercare {
	margin: 0 0 0 20px;
	width: 500px;
	}

.pagination_customercare div.page_numbers ul {
	padding: 0 !important;
	margin: 0 !important;
}	
	
.pagination_customercare div.page_numbers li {
	display: inline;
	padding: 0 10px 0 0 !important;
	margin: 0 !important;
	font-weight: bold;
	font-size: 95%;
	color: #134F7F;
	list-style: none;
	background: none !important;
	}
	
.pagination_customercare .page_numbers li.current-page {
	color: #E28F20;
	font-weight: bold;
	}		
	
.pagination_customercare .page_numbers li a, .pagination_customercare .page_numbers li a:link, .pagination_customercare .page_numbers li a:visited {
	color: #134F7F !important;
	font-weight: bold;
	text-decoration: underline !important;
	}
	
.pagination_customercare .page_numbers li a:hover, .pagination_customercare .page_numbers li a:active {
	text-decoration: none !important;
	}

#pagecontent .customer_care_formrow {
	float: left;
	margin: 0 20px 10px 20px;
	_margin: 0 10px 20px 10px;
	_padding: 0;
	width: 604px;
	_width: 580px;
	}
	
#pagecontent .customer_care_formrow .title {
	width: 200px;
	float: left;
}

#pagecontent .customer_care_formrow .input_field {
	float: left;
	width: 404px;
	_width: 380px;
}

#pagecontent .customer_care_formrow .input_field input {
	width: 200px;
}

#pagecontent .customer_care_formrow p.note {
	clear: both;
	font-size: 80%;
	width: 400px;
	margin: 0;
}
	
#pagecontent .customer_care_formrow label {
	font-weight: bold;
	font-size: 90%;
	color: #333;
	}	
	
#pagecontent .customer_care_formrow .comment {
	display: block;
}

#pagecontent .customer_care_formrow textarea {
	width: 400px;
}	

#pagecontent .customer_care_formrow select {
 width: 200px;
 font-size: 90%;
 font-weight: bold;
 }
 
#cust_serv #pagecontent .back-to {
	margin: 0 0 20px 20px;
	}
	
#cust_serv #pagecontent .back-to a {
	color: #134F7F !important;
	text-decoration: none;
	font-weight: normal !important;
	font-size: 86%;
	background: url(/images/back-to-top-arrow.gif) no-repeat 0 .5em;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#cust_serv #pagecontent .back-to a:hover {
	text-decoration: underline !important;
	}

#cust_serv #pagecontent p.footnote {
	font-size: 80%;
}

p.thankyou {
	margin-top: 20px!important;
}

	
/* END CUNSTOMER CARE STYLES*/

/* GAMES STYLES */

#games_header {
	margin: 0 !important;
	width: 644px;
	height: 136px;
}

/* END GAMES STYLES */



	