﻿@import url('reset.css');
.pngfix {*behavior:url(/Assets/Css/iepngfix.htc);} 
body {
	margin: 0px;
	padding: 0px;
	background-color: #0055a5;
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
}
.allwrap {
	background-image: url('/assets/images/bg_test.gif');
	color: #fff;
	
}
.nestleWrap {
	width: 975px;
	margin: 0 auto;
}
.headerCon {
height: 133px ! important;
}
.logo {
	float: left;
	width: 289px;
	height: 133px;
	position: absolute;
	left: 0;
	top: 0;
}
.logo img {
	width: 289px;
	height: 133px;
	border: 0;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	z-index: 1000;
}
.nav {
	float: right;
	padding: 15px 150px 0 0;
}
.mainContent {
	width: 670px;
	margin: 0 auto;
}
/*pageTitleContainer is in header.ascx*/
.pageTitleContainer {
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #abd1ee;
}
.pageContent {
	padding: 22px 0 50px 0;
}
.pageContent p.subTitle {
	padding-bottom: 15px;
}
.pageContent table {
}
/*individual page styles*/
/*home*/
.homePageContent {
	position: relative;
}
.homeNav {
}
.homeCallouts {
	width: 800px;
	height: 131px;
	position: absolute;
	top: 416px;
	left: 115px;
	z-index: 1001;
	
	
}
.homeCallouts a, img {cursor: pointer; z-index:1002;}
.homeCallouts img {*behavior:url(/Assets/Css/iepngfix.htc);}
#middleCallout {padding-left: 10px}
/*about*/
.aboutLeft {
	width: 450px;
	float: left;
}
.aboutRight {
	float: right;
}
.aboutRight img {
	display: block;
	padding-bottom: 25px;
}
/*promotions*/
.promoLeft {
	width: 450px;
	float: left;
}
.promoLeft p {
	padding-bottom: 15px;
}
.promoRight {
	float: right;
	padding-top: 40px;
}
.promoRight img {
	display: block;
	margin-bottom: 25px;
}
/*contact us */
.contactus p {
	padding: 0 0 10px 0;
	width: 570px;
}
.contactus .bdayImgWrap {
	padding: 30px 0 10px 0;
}
.contactus .contactForm {
	padding-bottom: 10px;
}
.contactus .contactSubmitWrap {
	text-align: right;
	width: 260px;
}
/*signup*/
.signup p {
	padding: 0 0 10px 0;
	width: 570px;
}
.signup .bdayImgWrap {
	padding: 30px 0 10px 0;
}
.signup .contactForm {
	padding-bottom: 10px;
}
.signup .contactSubmitWrap {
	text-align: right;
	width: 260px;
}
/*terms*/
.terms h3, h5 {
	padding: 10px 0 10px 0;
}
.terms p {
	padding: 0 0 10px 0;
}
/*privacy*/
.privacy table img {
	float: right;
	padding: 0 20px 0 0;
}
.privacy p {
	padding: 10px 0 10px 0;
}
.privacy a {
	color: #fff;
}
.privacy a:hover {
	color: #FFF844;
}
.privacy ol {
	margin: 0 0 0 40px;
	padding: 10px 0;
	list-style-type: decimal;
}
.privacy ul {
	list-style-type: disc;
}
.privacy li {
	padding: 3px 0;
}
.privacy h3 {
	font-weight: bold;
	font-size: 15px;
	padding: 5px 0;
}
.privacy h1, h4, h5 {
	font-weight: bold;
	font-size: 13px;
}
/*footer*/
.globalFooter {
	background-color: #0055a5;
	width: 975px;
	margin: 0 auto;
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 10px;
	color: #fff;
}
.globalFooter .clear {
	clear: both;
}
.globalFooter p {
	padding: 0;
	margin: 0;
}
.globalFooter img {
	float: left;
	border: 0;
}
.globalFooter img.nlogo {
	padding: 16px 0 0 10px;
}
.globalFooter img.tlogo {
	padding: 20px 20px 0 0;
	float: right;
}
.globalFooter .menuFoot {
	float: left;
	padding-left: 25px;
}
.globalFooter ul {
	padding: 20px 0 0 25px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
}
.globalFooter ul li {
	float: left;
	padding: 0 10px 0 6px;
}
.globalFooter ul li.dot {
	background-image: url('/images/footer_dot.gif');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.globalFooter ul li.break {
	padding: 0 5px 0 3px;
	color: #3377b7;
}
.globalFooter ul li a {
	color: #fff;
	text-decoration: none;
}
.globalFooter ul li a:hover {
	text-decoration: underline;
}
.globalFooter .legal {
	text-align: center;
	padding-top: 5px;
}
.whitefooter {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	padding-top: 2px;
}
.whitefooterBold {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2px;
	white-space: nowrap;
}
.whitefooterBoldSelected {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #FFF844;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2px;
	white-space: nowrap;
}
a.whitefooterBoldSelected, a.whitefooterBoldSelected:active, a.whitefooterBoldSelected:link, a.whitefooterBoldSelected:visited {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #FFF844;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
a.whitefooterBoldSelected:hover {
	text-decoration: underline;
}
a.whitefooterBold, a.whitefooterBold:active, a.whitefooterBold:link, a.whitefooterBold:visited {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
a.whitefooterBold:hover {
	text-decoration: underline;
}
.whitefooterBold {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2px;
	white-space: nowrap;
}
/*footer end */
/*navbar*/
#navbar {
	width: 475px;
	height: auto;
	position: absolute;
	left: 389px;
	top: 15px;
	z-index: 1000;
}
/*navbar end*/
/*main wrapper used throughout*/
#wrapper {
	/*padding-top:125px;*/
padding-left: 147px;
	width: 675px;
	height: auto;
}
#defaultwrapper {
	width: 975px; /*padding-top:125px;*/;
	padding: 0px;
	height: auto;
	z-index: 1;
}
/*main wrapper used throughout end*/
.inputNestle {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
}
.tinyNestle {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}
a.tinyNestle, a.tinyNestle:active, a.tinyNestle:visited, a.tinyNestle:link {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.tinyNestle:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #FFF844;
	text-decoration: none;
}
.input190 {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	width: 190px;
}
.eightyfive {
	width: 85px;
}
.buttonpadd {
	padding-right: 13px;
}
.inputclassblack75 {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	width: 105px;
}
.inputclasssmall {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}
.inputsupersmall {
	font-family: verdana, Arial, helvetica, Sans-Serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
}
.inputclassblack50 {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	width: 75px;
}
.inputclassblack65 {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	width: 90px;
}
.answerTextRegular {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	text-decoration: none;
	line-height: 120%;
}
.answerTextBold {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	line-height: 120%;
	text-transform: uppercase;
}
.answerTextRegular a, .answerTextRegular a:link, .answerTextRegular a:visited, .answerTextRegular a:active, .answerTextRegular a:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}
.answerTextRegular a:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFF844;
	font-weight: normal;
	text-decoration: underline;
}
/*faq*/
#NestleFAQ {
	height: auto;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
}
#NestleFAQ a.faq, #NestleFAQ a.faq:link, #NestleFAQ a.faq:active, #NestleFAQ a.faq:visited {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	BACKGROUND: url(/images/arrow_5x102.gif) no-repeat left top;
	padding-left: 12px;
	width: 100%;
	font-weight: bold;
	MIN-HEIGHT: 15px;
	text-decoration: none;
	line-height: 130%;
}
#NestleFAQ a.faq:hover {
	BACKGROUND: url(/images/arrow_5x102_on.gif) no-repeat left top;
	text-decoration: underline;
	color: #FFF844;
}
#NestleNUT {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	BACKGROUND: url(/images/arrow_5x102.gif) no-repeat left top;
	padding-left: 12px;
	width: 100%;
	font-weight: normal;
	MIN-HEIGHT: 15px;
	text-decoration: none;
	line-height: 130%;
}
.giant {
	font-size: 30px;
	font-family: Arial, helvetica, verdana, Sans-Serif;
	color: #FFF844;
	font-weight: bold;
	text-transform: uppercase;
}
.HeadtextNestle {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 15px;
	color: #FFF844;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}
.HeadtextNestleLowercase {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 15px;
	color: #FFF844;
	text-align: left;
	font-weight: bold;
	text-transform: lowercase;
	white-space: nowrap;
}
.HeadtextNestleAnswer {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 15px;
	color: #FFF844;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
}
#answerText {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	MIN-HEIGHT: 15px;
	text-decoration: none;
	line-height: 130%;
}
#answerText a, #answerText a:link, #answerText a:visited, #answerText a:active {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	MIN-HEIGHT: 15px;
	text-decoration: none;
	line-height: 130%;
}
#answerText a:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFF844;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	MIN-HEIGHT: 15px;
	text-decoration: none;
	line-height: 130%;
}
.answerText {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	MIN-HEIGHT: 15px;
	text-decoration: none;
	line-height: 130%;
}
.answerText a, .answerText a:link, .answerText a:visited, .answerText a:active {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	MIN-HEIGHT: 15px;
	text-decoration: none;
	line-height: 130%;
}
.answerText a:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFF844;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	MIN-HEIGHT: 15px;
	text-decoration: none;
	line-height: 130%;
}
.inputNestle {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
}
.inputNestleright {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: right;
}
a.inputNestle, a.inputNestle:active, a.inputNestle:visited, a.inputNestle:link {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.inputNestle:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFF844;
	text-decoration: none;
}
#nestleBlock #label {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 15px;
	BACKGROUND: url(/images/square_cnr.gif) #abd1ee no-repeat right top;
	PADDING-BOTTOM: 4px;
	COLOR: #fff844;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #fff 2px solid;
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 13px;
	FONT-WEIGHT: bold;
	text-transform: uppercase;
}
#nestleBlock {
	border: solid 2px #FFFFFF;
	margin-bottom: 10px;
}
#nestleBlock div {
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 4px;
}
a.gameLink, a.gameLink:active, a.gameLink:visited, a.gameLink:link {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #3377B7;
	text-decoration: underline;
	FONT-WEIGHT: bold;
}
a.gameLink:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #3377B7;
	text-decoration: none;
	FONT-WEIGHT: bold;
}
a.closeLink, a.closeLink:active, a.closeLink:visited, a.closeLink:link {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
a.closeLink:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}
/*faq*/
.contactustextarea {
	width: 232px;
	height: 290px;
}
.inputcontact {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	width: 215px;
}
/*tems web services feed stuff*/
#termsWrap {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	text-decoration: none;
	line-height: 120%;
}
#termsWrap p {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	text-decoration: none;
	line-height: 120%;
}
#termsWrap h5 {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 15px;
	color: #FFF;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
}
#termsWrap h3 {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 15px;
	color: #FFF;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
}
#termsWrap h1 {
	visibility: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}
#termsWrap a, #termsWrap a:link, #termsWrap a:visited, #termsWrap a:active, #termsWrap a:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	text-decoration: underline;
	line-height: 130%;
}
#termsWrap a:hover {
	text-decoration: none;
	color: #fff844;
}
#termsWrap li {
	padding-bottom: 5px;
	color: #FFFFFF;
}
/*tems web services feed stuff*/
/*faq web services feed stuff*/
#faqWrap {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	line-height: 120%;
}
#faqWrap p {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	text-decoration: none;
	line-height: 120%;
}
#faqWrap h5 {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
}
#faqWrap h3 {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 15px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	line-height: 120%;
}
#faqWrap h1 {
	visibility: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}
#faqWrap a, #faqWrap a:link, #faqWrap a:visited, #faqWrap a:active, #faqWrap a:hover {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	text-decoration: underline;
	line-height: 130%;
}
#faqWrap a:hover {
	text-decoration: none;
	color: #fff844;
}
#faqWrap li {
	padding-bottom: 5px;
	color: #FFFFFF;
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-weight: normal;
	line-height: 120%;
}
#faqWrap img {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: bottom;
}
/*faq web services feed stuff*/
/* where to buy text */
.resultTextUpper {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	vertical-align: top;
}
.resultText {
	font-family: Arial, helvetica, verdana, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}
.makeleft {
	text-align: left;
}

.popup_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	background-color: #999;
	z-index: 2001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}
.popup_content {
	display: none;
	position: absolute;
	height: auto;
	padding: 10px;
	border: 1px solid #666;
	background-color: white;
	z-index: 2002;
	overflow: auto;
	text-align: right;
}
.popup_content .closeLink {
	top: 7px;
	right: 15px;
	position: absolute;
	z-index: 3050;
	display: block;
}
*html #ContentPopup4 .closeLink {
	top: -545px !important; z-index: 10000; left: 700px; position: absolute; 
}

*html #ContentPopup2 .closeLink {
	top: -500px !important; z-index: 10000; left: 720px; position: absolute; 
}

*html #BottomTout .closeLink {
	top: -535px !important; z-index: 10000; right: 15px; position: absolute; 
}

/*products lists*/
.productsListWrap {}
.productsListWrap ul {width: 323px; float: left;}
.productsListWrap ul.productsListRight {padding: 0 0 0 20px;}
.productsListWrap ul li .entryImg {float: left; width: 135px; }
.productsListWrap ul li .entryText {float: left; width: 188px; height: 115px;}

.validation-errors {
    padding: 5px;
    color: #f00 !important;
    margin-bottom: 10px;
}

