/* ========================= */
/* = Frogzog. Pond Styles. = */
/* ========================= */

/* GENERAL */
a:link, a:visited, a:hover, a:active { color: #90D699; }
.notice { background: url(/img/pond/icon_notice.gif) 10px 0 no-repeat; color: white; padding: 0 10px 0 60px; line-height: 40px; margin: 0; font-weight:bold; font-size: 1.5em; float: none; display: block; }
	.notice a { color: #FFFFFF; }
.confirm { background: url(/img/layout/BG_confirm.png) 0 0 no-repeat; color: white; padding: 0 30px 0 60px; line-height: 40px; height: 40px; margin: 0 0 10px 0; font-weight:bold; font-size: 1.5em; }
.important { font-size: 1.5em; }
.outline { text-shadow: 0 0 2px black; }
.shadow { text-shadow: 0 0 4px black; }
.floatRight { float: right; }
.clearAll { clear: both; }
.inlineList { list-style: none; margin: 0; padding: 0; }
	.inlineList li { float: left; }
.button { cursor: pointer; height: 35px; margin: 10px 0 0 0; padding: 0; overflow: hidden; width: 100px;}
	.button:hover { background-position: 0 -35px; }

/* SCREEN */
@media screen {

	body { background-position: 0 3px; background-repeat: repeat-x; color: #fff; }
	h1 { font-size: 2.2em; font-weight: bold; color: white; margin: .6em 0 0 0; padding: 0;  }
	h2 { font-size: 2em; font-weight: bold; color: #74C830; margin: .5em 0 0 0; padding: 0; }
	h3 { font-size: 1.7em; font-weight: bold; color: #C6DDA4; margin: .5em 0 0 0; padding: 0; }
	h4 { font-size: 1.5em; font-weight: bold; color: white; margin: .3em 0 0 0; padding: 0; }
	p { font-size: 1.2em; color: white; margin: 0; padding: 0; }

	/* HEADER */
	#pond #header { background-position: top center; background-repeat: repeat-x; height: 290px; }

	/* MASTHEAD */
	#pond #masthead { background-position: top center; background-repeat: no-repeat; height: 290px; min-width: 900px; }
		#pond #masthead div { width: 900px; margin: 0 auto; }
		#pond #masthead a { display: block; height: 78px; left: 30px; position: relative; top: 15px; width: 225px; z-index: 100; }
		#pond #masthead img { display: none; }

	/* MERCHANT CONTROLS */
	#merchantControls { background: url(/img/pond/merchantControls.png) center top repeat-x; color: white; height: 112px; position: absolute; top: 0; width: 100%; min-width: 900px; }
	#merchantControls * { line-height: 1; }
	#merchantControls a { color: white; font-weight: bold;}
	#merchantControls div.wrapper { font-size: 1.5em; margin: 0 auto; position: relative; width: 860px; }
	#merchantControls div.wrapper p { position: relative; z-index: 101; }
	#merchantControls form { float: right; margin: 0; padding: 10px 0; }
	  #merchantControls form label { display: none; }
	#merchantControls p { float: left; margin: 0; padding: 16px 0; font-size: 1em; }
	#merchantControls p.right { float: right; }
	#merchantControls strong { text-transform: uppercase; }
	#merchantControls ul { float: right; margin: 0; padding: 16px 0; }
		#merchantControls input.glassInputText { background: url(/img/pond/BG_glassInput.png) top left no-repeat; height: 18px; line-height: 18px; width: 180px;  margin: 0 10px 0 0; padding:6px 10px; color: #ffffff; font-weight: bold; font-size: 14px; overflow: visible;}
		#merchantControls input.glassInputTextHint { color: #cdcdcd; }
	#merchantControlsToggle { color: white !important; display: block; font-weight: normal !important; height: 18px; left: 626px; overflow: hidden; padding: 16px 0; position: absolute; text-align: center; text-decoration: none !important; top: 50px; width: 160px; }
	#merchantControls .merchantSubmit { color: white; font-weight: bold; background: none; line-height: 1.5em; cursor: pointer; }

	/* NAV */
	#nav { height: 21px; margin: 0px auto; width: 860px; }
	#nav div { background-position: 0 0; background-repeat: no-repeat; display: block; float: left; height: 21px; list-style: none outside; margin: 0 15px; }
	#nav div.contact { background-image: url(/img/pond/navContact.png); width: 108px; }
	#nav div.help { background-image: url(/img/pond/navHelp.png); width: 62px; }
	#nav div.home { background-image: url(/img/pond/navHome.png); width: 62px; }
	#nav div.info { background-image: url(/img/pond/navInfo.png); width: 130px; }
	  #nav div a { display: block; height: 100%; width: 100%; }
	    #nav div a span { display: none; }
	    
	/* MERCHANT INFO NAV BAR */

	#merchantInfoNav { background-repeat: no-repeat; height: 100px; width: 900px; margin: 0 auto; }
	.merchantInfoNavWhat { background-position: 0 0; }
	.merchantInfoNavFeatures { background-position: 0 -100px; }
	.merchantInfoNavPricing { background-position: 0 -200px; }
	.merchantInfoNavSignup { background-position: 0 -300px; }
		#merchantInfoNav ul { list-style: none; margin: 0; padding: 0 0 0 20px; }
			#merchantInfoNav ul li { float: left; width: 215px; text-align: center; }
				#merchantInfoNav ul li a { line-height: 60px; color: white; text-align: center; text-decoration: none; font-size: 1.2em; font-weight: bold; }
	
	/* SEARCH BAR */
	#searchBar { background-position: top center; background-repeat: no-repeat; width: 900px; height: 100px; margin: 0 auto; position: relative; color: white; overflow: hidden; padding: 0; }
	#searchBar.mouseover { background-position: center -100px; }
		#searchBar .searchBarContent { font-size: 1.6em; line-height: 1em; padding: 5px 0px 7px 40px; margin-top: 8px; }
			#searchBar .searchBarContent a, #searchBar .searchBarContent label { display: inline-block; font-size: 1em; line-height: 38px; margin: 0; padding: 0; vertical-align: baseline; }
			#searchBar .searchBarContent input.shadowInputText { width: 214px; margin: 0 20px 0 5px; padding: 11px 8px 9px 8px; color: white; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; }
			#searchBar .searchBarContent label { font-weight: bold; }
			#searchBar .searchBarContent input.submit { background: url(/img/layout/blank.gif); border: 0; color: white; cursor: pointer; font-weight: bold; position: absolute; text-align: center; top: 8px; width: 140px; height: 50px; left: 740px; }
	
	/* BUBBLE HINT */
	div.bubbleHint { display: none; height: auto; position: absolute; width: 283px; }
	div.bubbleHint div.content { background: url(/img/pond/bubbleHint.png) bottom left no-repeat; padding: 12px 12px 36px; color: #666666; text-align: center; }
		div.bubbleHint .browseLink { cursor: pointer; padding: 5px; }
	div.bubbleHint div.header { background: url(/img/pond/bubbleHint.png) 0 0 no-repeat; color: #8CC63C; font-size: 1.4em; font-weight: bold; margin: 0; padding: 12px 12px 0; text-align: center; }
	
	/* SUGGESTIONS LIST */
	ul.suggestions { line-height: 1.5em; text-align: center; }
	ul.suggestions:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
	ul.suggestions li { cursor: pointer; display: block; float: left; font-weight: bold; list-style: none outside; padding: 5px; width: 75px; color: #666666; }

	/* CONTENT */
	#pond #content { margin: 0 auto; padding: 0; width: 860px; }
	.col2 { width: 400px; padding: 0 15px 15px 15px; float: left; display: inline; }
	.col4 { width: 185px; margin: 0 15px 15px 15px; float: left; display: inline; }
	.section { padding: 0 0 2px 0; position: relative; overflow: hidden; margin: 0; background: url(/img/pond/BG_divider_trans.png) center bottom no-repeat; }
	.pad { padding-left: 10px; padding-right: 10px; }

	/* TIME BASED CONTENT */
	/* morning */
	body.morning { background-color: #243F3F; background-image: url(/img/pond/BG_morning_body.gif); }
	body.morning #header { background-image: url(/img/pond/header_morning.jpg); }
	body.morning #masthead { background-image: url(/img/pond/masthead_morning.jpg); }
	body.morning #merchantInfoNav { background-image: url(/img/pond/BG_morning_infoNav.gif); }
	body.morning #searchBar { background-image: url(/img/pond/BG_morning_searchBar.gif); }
	body.morning #searchBar input.shadowInputText { background: url(/img/pond/BG_morning_searchInput.gif) no-repeat; }
	body.morning input.shadowInputTextHint { color: #AAA; }
	body.morning #content { background: url(/img/pond/BG_morning_cover.gif) center top no-repeat #203939; }
	/* day */
	body.day { background-color: #35688C; background-image: url(/img/pond/BG_daytime_body.gif); }
	body.day #header { background-image: url(/img/pond/header_day.jpg); }
	body.day #masthead { background-image: url(/img/pond/masthead_day.jpg); }
	body.day #merchantInfoNav { background-image: url(/img/pond/BG_daytime_infoNav.gif); }
	body.day #searchBar { background-image: url(/img/pond/BG_daytime_searchBar.gif); }
	body.day #searchBar input.shadowInputText { background: url(/img/pond/BG_daytime_searchInput.gif) no-repeat; }
	body.day input.shadowInputTextHint { color: #AAA; }
	body.day #content { background: url(/img/pond/BG_daytime_cover.gif) center top no-repeat #305d7e; }
	/* evening */
	body.evening { background-color: #183C3D; background-image: url(/img/pond/BG_evening_body.gif); }
	body.evening #header { background-image: url(/img/pond/header_evening.jpg); }
	body.evening #masthead { background-image: url(/img/pond/masthead_evening.jpg); }
	body.evening #merchantInfoNav { background-image: url(/img/pond/BG_evening_infoNav.gif); }
	body.evening #searchBar { background-image: url(/img/pond/BG_evening_searchBar.gif); }
	body.evening #searchBar input.shadowInputText { background: url(/img/pond/BG_evening_searchInput.gif) no-repeat; }
	body.evening input.shadowInputTextHint { color: #999; }
	body.evening #content { background: url(/img/pond/BG_evening_content.gif) center top no-repeat #163637; }
	/* night */
	body.night { background-color: #183C3D; background-image: url(/img/pond/BG_night_body.gif); }
	body.night #header { background-image: url(/img/pond/header_night.jpg); }
	body.night #masthead { background-image: url(/img/pond/masthead_night.jpg); }
	body.night #merchantInfoNav { background-image: url(/img/pond/BG_night_infoNav.gif); }
	body.night #searchBar { background-image: url(/img/pond/BG_night_searchBar.gif); }
	body.night #searchBar input.shadowInputText { background: url(/img/pond/BG_night_searchInput.gif) no-repeat; }
	body.night input.shadowInputTextHint { color: #777; }
	body.night #content { background: url(/img/pond/BG_night_content.gif) center top no-repeat #163637; }

	/* INDEX PAGE LAYOUT */
	div.index {}
	div.index h2 { color: #C6DDA4; font-size: 2em; letter-spacing: -.03em; }
	div.index h3 { margin: 1.25em 0 0 0; letter-spacing: -.03em; }
	div.index #mobileFrugality { background: url(/img/pond/home_mobile_frugality.png) 0 0 no-repeat; height: 225px; margin: 0; padding: 0; width: 700px; }
	div.index #intro { color: #ECECEC; font-size: 18px; left: 200px; position: absolute; top: 75px; width: 600px; }
	div.index #usage p { color: #ECECEC; font-size: 14px; margin: .2em 0 0; }
	div.index #usage strong { color: white; font-weight: bold; text-transform: uppercase; }
	div.index #usage .leftcol { margin-right: 5px; padding-left: 25px; width: 385px; }
	div.index #usage .rightcol { padding-right: 25px; width: 390px; }
	div.index p.important { font-size: 2em; letter-spacing: -.03em; padding: .5em 25px; }
	div.index #availability p { font-size: 14px; }
	div.index #features p { color: #ECECEC; font-size: 14px; }
	div.index #features .col4a { width: 175px; margin: 0 15px 15px 25px; }
	div.index #features .col4d { width: 175px; margin: 0 25px 15px 15px; }
	  
	/* SEARCH PAGE LAYOUT */
	body.morning div.search h1 { background: url(/img/pond/banner_search_morning.gif) 0 0 no-repeat; height: 110px; margin: 0; }
	body.day div.search h1 { background: url(/img/pond/banner_search_daytime.gif) 0 0 no-repeat; height: 110px; margin: 0; }
	body.evening div.search h1 { background: url(/img/pond/banner_search_evening.gif) 0 0 no-repeat; height: 110px; margin: 0; }
	body.night div.search h1 { background: url(/img/pond/banner_search_night.gif) 0 0 no-repeat; height: 110px; margin: 0; }
	div.search { color: white; height: auto; padding: 20px 0 0 0; }
	div.search h1 { color: white; }
	div.search #offers { padding: 0 0 2px 0; background: url(/img/pond/BG_divider_trans.png) bottom no-repeat; }
		div.search #offers .offer { padding: 2px 0 0 0; background: url(/img/pond/BG_divider_trans.png) top no-repeat; overflow: hidden; margin: 0; }
		div.search #offers .offer .offerTitle { padding: 10px; height: auto; }
			div.search #offers .offer .offerTitle h2 { margin: 0; color: #fff;}
		div.search #offers .offer .offerContent { background: url(/img/pond/BG_offer_open.png) 0 0 no-repeat; padding: 30px 15px 0 15px; margin: 0; width:830px; }
			div.search #offers .offer .offerCoupon { border: 3px dashed #cccccc; padding: 10px 15px; width: 520px; }
				div.search #offers .offer .offerCoupon .message { font:bold 18px sans-serif; margin: 0 0 10px 0;}
				div.search #offers .offer .offerCoupon .code {	font:bold 14px sans-serif; }
				div.search #offers .offer .offerCoupon .valid { font:italic 12px sans-serif; }
			div.search #offers .offer .offerControls { float: right; width: 260px; margin: 31px 0 0 0; text-align: center;}
				div.search #offers .offer .offerControls a { margin: 5px; cursor: pointer;}
			div.search #offers .offer .offerLocation { margin:0 10px 10px 10px; width: 145px; padding: 0; float: left; }
				div.search #offers .offer .offerLocationMap { display: block; text-decoration: underline; color: #fff; }
			div.search #offers .offer h3 { color: #fff; margin: 10px 0; }
	div.search ul.stateList {  margin: 5px 0 40px 70px; padding: 0; font-size: 1.3em; line-height: 1.5em; }
		div.search ul.stateList li a { color: #fff; font-weight: bold; }
	/* search pagination */
	.searchPageIndex { margin: 0; }
		.searchPageIndex p { padding: .2em 0; margin: 0 0 0 10px; }
		div.pageIndex { background: url(/img/pond/BG_blackTrans.png) no-repeat; float: right; margin: 0 10px 0 0; }
			.pageIndex ul { list-style: none; cursor: default; padding: .2em 1em;  }
				.pageIndex ul li { display: inline; }
				.pageIndex ul li.currentPage { padding: 0 .2em;font-weight:  bold; }
					.pageIndex ul li a, .pageIndex ul li a:hover, .pageIndex ul li a:visited, .pageIndex ul li a:active { color: #ffffff; padding: 0 .2em; }
		.pageLinksBase {  padding: 7px 0 0 0;}

	/* !CONTACT PAGE */
	div.contact h1 { background: url(/img/pond/title_contact.png) 0 0 no-repeat; width: 860px; height: 100px; margin: 0; }
	div.contact .section div.contactForm { padding: 0 160px 0 0; width: 640px; margin: 0 auto; background: url(/img/pond/icon_stamp.png) top right no-repeat; }
	div.contact .section div.contactForm form { margin:15px 0 0 0; }
	div.contact .section p { float: left; display: inline; margin: 0 10px 10px 0; padding: 0; }
	div.contact .section p.notice { background: url(/img/pond/icon_notice.gif) 10px 0 no-repeat; color: white; padding: 0 10px 0 60px; line-height: 40px; margin: 0; font-weight:bold; font-size: 1.5em; float: none; display: block; }
	div.contact .section p.confirm { background: url(/img/pond/icon_confirm.gif) 10px 0 no-repeat; color: white; padding: 0 10px 0 60px; line-height: 40px; margin: 0; font-weight:bold; font-size: 1.5em; }
	div.contact p.controls { float: none; display: block; margin: 0; }
	div.contact label { display: block; font-weight: bold; font-size: 1.5em; margin: 0 0 5px 0; color: #C6DDA4; }
	div.contact input { background:url(/img/layout/bg_itext.png) 0 0 repeat-x #ffffff; border: 3px solid #bfcec6; color: #333; font-weight: bold; font-size:1.5em; margin: 0; padding: 4px 3px 2px 3px; width:294px; }
	div.contact textarea { background:url(/img/layout/bg_itext.png) 0 0 repeat-x #ffffff; border: 3px solid #bfcec6; color: #333; font-weight: bold; font-size:1.5em; margin: 0; padding: 4px 3px 2px 3px; width:610px; }
	div.contact .inputButton { cursor: pointer; height: 35px; margin: 10px 0 15px 270px; padding: 0; overflow: hidden; width: 100px; text-indent: -500px; border:  none; }
	div.contact .inputButton:hover { background-position: 0 -35px; }
	div.contact .send { background: url(/img/layout/btn_send.gif) 0 0 no-repeat; text-indent: -999px; }
	div.contact .col2.help { padding-left: 70px; width: 340px; background: url(/img/pond/icon_question.png) 0 10px no-repeat; }
	div.contact .col2.info { padding-left: 95px; width: 320px; background: url(/img/pond/icon_coupon.png) 0 15px no-repeat; }
	div.contact .col2 h2 { padding: 0; margin:15px 0 0 0; font-size: 1.8em; }
	div.contact .col2 p { margin: 0; font-size: 1.25em; color: #cccccc; line-height: 1.8em; }
	div.contact .col2 p span { font-weight: bold; color:#ffffff; }
	div.contact .col2 p a { font-weight: bold; color: #74c82c; text-decoration: none; }


	/* !HELP PAGE */
	div.help h1 { height: 100px; background: url(/img/pond/title_help.png) 0 0 no-repeat; }
	div.help h2 { margin: 15px 0 10px 0; }
	div.help h3 { margin: 0 0 10px 0; }
	div.help .col2 p { padding-left: 50px; height: 45px; margin: 0 0 10px 0; line-height: 23px; }
		div.help .col2 p span { font-weight: bold; }
		div.help .col2 p.num1 { background: url(/img/pond/icon_num1.png) 0 0 no-repeat; }
		div.help .col2 p.num2 { background: url(/img/pond/icon_num2.png) 0 0 no-repeat; }
		div.help .col2 p.num3 { background: url(/img/pond/icon_num3.png) 0 0 no-repeat; }
	div.help .question {font-size:1.3em; font-weight: bold; color: #C6DDA4; margin: 10px 0 0 0; }
	div.help .answer {font-size:1.1em; font-weight: bold; margin: 5px 0; line-height: 1.3em;}
	div.help .answer a { color: #74c82c; font-weight: bold; }
		
	/* FOOTER */
	#pond #footer {  background: url(/img/pond/BG_footer.png) 0 0 no-repeat; clear: both; color: white; line-height: 1.5em; margin: 0 auto; padding: 25px 0; text-align: center; width: 860px; height: 100px; }
	#pond #footer a { color: white !important; }
 
	/* !MODAL WINDOW STYLES */
	#modal { padding: 25px;  }
		#modal h1 { color: #666; font-size: 2em; margin: 0; text-align: center;}
		#modal h2 {line-height: 1.7; margin: 0; font-size: 1.4em; color: #74C830; text-align: center; }

	/* !ZOG IT TO ME STYLES */
	.zogitForm { background: url(/img/layout/BG_zogitScene.gif) top left no-repeat; width: 550px; height: 255px; overflow: hidden; text-align: left; }
		.zogitFields {margin: 142px 0 0 190px; overflow: hidden; width: 235px; padding: 0;}
			.zogitInput {background:url(/img/layout/bg_itext.png) 0 0 repeat-x #ffffff; border: 3px solid #bfcec6; color: #333; font-weight: bold; font-size:1.5em; margin: 0; padding: 4px 3px 2px 3px; width:220px; }
			.zogitForm .inputButton {cursor: pointer; height: 35px; margin: 10px 0 0 0; padding: 0; overflow: hidden; width: 100px;}
			.zogitForm .inputButton:hover { background-position: 0 -35px; }
			.zogitForm .inputButtonCancel { background: url(/img/layout/BTN_cancel.gif) 0 0 no-repeat; width: 100px; margin-right: 10px; text-indent: -999px;}
			.zogitForm .inputButtonClose { background: url(/img/pond/btn_green_close.gif) 0 0 no-repeat; width: 100px; margin-right: 10px; text-indent: -999px; }
			.zogitForm .inputButtonZogit { background: url(/img/layout/BTN_zogitToMe.gif) 0 0 no-repeat; width: 120px; text-indent: -999px;}
	
	/* !OFFER EMAIL STYLES */
	.emailOfferForm { text-align: left; }
		.emailOfferForm .formWrapper { background: url(/img/pond/emailOffer.jpg) top right no-repeat; margin: 0 15px 0 0; height: 215px; padding-top: 15px;  }
		.emailOfferForm p { color: #333; }
		.emailOfferForm .errors p { color: red; }
			.emailOfferForm label { display: block; font-weight: bold; font-size: 1.5em; margin: 10px 0 0 0; color: #333; }
			.emailOfferForm .modalInput {background:url(/img/layout/bg_itext.png) 0 0 repeat-x #ffffff; border: 3px solid #bfcec6; color: #333; font-weight: bold; font-size:1.5em; margin: 0; padding: 4px 3px 2px 3px;}
			.emailOfferForm div.error label { color: red; }
			.emailOfferForm div.error .modalInput { border: 3px solid red; }
			.emailOfferForm .inputButton {cursor: pointer; height: 35px; margin: 10px 0 0 0; padding: 0; overflow: hidden; width: 100px;}
			.emailOfferForm .inputButton:hover { background-position: 0 -35px; }
			.emailOfferForm .inputButtonCancel { background: url(/img/layout/BTN_cancel.gif) 0 0 no-repeat; width: 100px; margin-right: 10px; text-indent: -999px;}
			.emailOfferForm .inputButtonClose { background: url(/img/pond/btn_green_close.gif) 0 0 no-repeat; width: 100px; margin-right: 10px; text-indent: -999px; }
			.emailOfferForm .send { background: url(/img/layout/btn_send.gif) 0 0 no-repeat; text-indent: -999px; }
	.zogitWrapper { text-align: center; }
    
}
/* PRINT */
@media print {
  h1, h2, h3, h4, h5, h6 { color: black; }
  #pond #footer { color: #666; font-size: .8em; line-height: 1.5em; }
  #pond #masthead { padding: 0 0 1em; }
    #pond #masthead img { display: block; height: 75px; width: 193px; }
  #pond #merchantControls, #nav, #searchBar, div.bubbleHint, .searchPageIndex, #pond #masthead a, #pond #footer ul, .dontPrint, .popup, .offerControls, .offerLocation a, .pageIndex ul li { display: none !important; }
	.offer { margin: 15px 0 25px 0; height:auto !important; clear: both;}
	.offerTitle, .offerTitle_closed {height: auto !important; }
 	.offerCoupon { border: 4px dashed #339933; padding: 15px; }
	.offer .message { font-size: 1.2em; margin: 0; padding: 0; }
	.offer .code { font-weight: bold; margin: 0; padding: 0; }
	.offer .valid { font-style: italic; margin: 0; padding: 0; }
	.offerLocation { float: left; margin: 10px; font-size: .8em; width: 120px; }
}