@charset "utf-8";
/* CSS Document */

html {
	background:url(../images/main/background.jpg) repeat;
}

body { 
	text-align:left;
	margin:0 auto;
	background:none;
	line-height:1.5em;
}

#containerMiddle a:link,
#containerMiddle a:visited {
	color:#F30;
}

#containerMiddle a:hover {
	color:#F60;
}

#IE6warning { display:none; }

#header {
	position:relative;
	z-index:1;
	width:985px;
	height:333px;
	margin:0 auto;
}

#headerBackground {
	background:url(../images/main/header-background.png) no-repeat;
	width:826px;
	height:337px;
	position:absolute;
	z-index:1;
	top:40px;
    left:81px;
}

#tagline {
	background:url(../images/main/tagline.png) no-repeat;
	width:958px;
	height:89px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

#logo {
	background:url(../images/main/logo.png) no-repeat;
	width:883px;
	height:60px;
	margin:0 auto;
	position:relative;
	z-index:2;
	top:165px;
}

#wrap {
	width:985px;
	margin:0 auto;
}

#featuredContainer {
	background:url(../images/main/featured-container.png) no-repeat;
	width:909px; /*959*/
	height:254px; /*304*/
	margin:0 auto;
	position:relative;
	z-index:2;
	color:white;
	padding:25px;
}

#featuredContainer #completeDiscount {
	background:url(../images/main/complete-discount.png) no-repeat;
	width:317px;
	height:95px;
	position:relative;
	top:15px;
	margin-bottom:22px;
}

#featuredContainer #starburst {
	background:url(../images/main/starburst.png) no-repeat;
	width:253px;
	height:198px;
	position:absolute;
	top:35px;
	left:317px;
	z-index:2;
}

#featuredContainer #family {
	background:url(../images/main/family.png) no-repeat;
	width:404px;
	height:275px;
	position:absolute;
	top:20px;
	right:22px;
	z-index:1;
}

#signUpNow {
	background:url(../images/main/sign-up-now.png) no-repeat;
	width:312px;
	height:56px;
}

#signUpNow a {
	background:url(../images/main/sign-up-now.png) no-repeat left top;
	width:312px;
	height:56px;
	display:block;
}

#signUpNow a:hover {
	background:url(../images/main/sign-up-now.png) no-repeat left bottom;
	width:312px;
	height:56px;
}

#containerTop {
	background:url(../images/main/container-top.png) no-repeat;
	width:957px;
	height:7px;
	margin:0 auto;
}

#containerMiddle {
	background:url(../images/main/container-middle.png) repeat-y;
	width:931px; /*957*/
	height:100%;
	margin:0 auto;
	padding:13px;
}

#containerMiddle h2 {
	margin:15px 0 10px 8px;
}

#containerMiddle h3 {
	margin:12px 0 5px 14px;
}

#containerMiddle p {
	margin-top:3px;
	margin-left:14px;
}

	
#containerBottom {
	background:url(../images/main/container-bottom.png) no-repeat;
	width:957px;
	height:20px;
	margin:0 auto;
}

#sectionTwo {
	background:url(../images/main/section-2.png) no-repeat;
	width:910px; /*932*/
	height:106px; /*128*/
	padding:11px;
	font-size:14px;
	margin:0 auto 12px auto;
}

#rotatingImagesBox {
	background:url(../images/rotating_logos/box.png) no-repeat;
	width:159px;
	height:111px;
	float:left;
	margin-right:3px;		
}

#rotatingImages {
	width:139px;
	height:91px;
	margin:10px;
}

#sectionTwo .column {
	float:left;
	width:745px;
}

#sectionTwo h3 {
	background:url(../images/main/section-2-subheader.png) no-repeat;
	width:740px;
	height:15px;
	margin:12px 0 5px 0;
}

#sectionTwo p {
	margin:8px 0 0 0;
	text-align:justify;
	width:741px;
	color:#385158;
}

#saveMoneySection {
	position:relative;
}

#saveMoneyNow {
	background:url(../images/main/save-money-now.png) no-repeat;
	width:416px;
	height:58px;
}

#pig {
	background:url(../images/main/pig.png) no-repeat;
	width:264px;
	height:192px;
	position:absolute;
	top:38px;
	right:0;
}

#justSomeAwesomeSavings {
	background:url(../images/main/just-some-awesome-savings.png) no-repeat;
	width:656px;
	height:23px;
}

ul#benefits {
	margin:0;
	padding:7px 0 0 40px;
}

#diningDiscountsSection {
	position:relative;
	padding:30px 0 0 0;
}

#familyEatingDinner {
	background:url(../images/main/family-eating-dinner.png) no-repeat;
	width:287px;
	height:285px;
	position:absolute;
	top:-40px;
	right:-7px;
	z-index:1;
}

#nowYouCanAffordToEat {
	background:url(../images/main/now-you-can-afford-to-eat.png) no-repeat;
	width:868px;
	height:46px;
	position:relative;
	z-index:2;
}

#purchaseNow {
	background:url(../images/main/purchase-now.png) no-repeat;
	width:654px;
	height:23px;
}

#packageDetails {
	background:url(../images/main/package-details.png) no-repeat;
	width:597px;
	height:56px;
	margin-top:50px;
}

#packageDetails a {
	background:url(../images/main/package-details.png) no-repeat left top;
	width:597px;
	height:56px;
	display:block;
}

#packageDetails a:hover {
	background:url(../images/main/package-details.png) no-repeat left bottom;
	width:597px;
	height:56px;
}

/*====== READ WE PEOPLE ARE SAYING SECTION ========*/

blockquote {
	background:url(../images/main/blockquote-background.jpg) no-repeat;
	width:812px; /*902*/
	height:135px; /*160*/
	margin:25px 0 0 14px;
	padding:25px 25px 0 65px;
	font-size:16px;
	font-style:italic;
	color:#fff;
	text-align:justify;
}

#containerMiddle blockquote p {
}

#containerMiddle #readWhatPeopleSay {
	margin-left:293px;
	background:url(../images/main/read-what-people-say.png) no-repeat;
	width:513px;
	height:56px;
}

#containerMiddle #readWhatPeopleSay a {
	background:url(../images/main/read-what-people-say.png) no-repeat left top;
	width:513px;
	height:56px;
	display:block;
}

#containerMiddle #readWhatPeopleSay a:hover {
	background:url(../images/main/read-what-people-say.png) no-repeat left bottom;
	width:513px;
	height:56px;
}



/*====== END READ WE PEOPLE ARE SAYING SECTION END ========*/


#containerMiddle h2#yourSatisfactionAndSavings {
	background:url(../images/main/your-satifaction-and-savings.png) no-repeat;
	width:916px;
	height:43px;
	margin-top:50px;
	margin-bottom:5px;
}

#offerDetails {
	background:url(../images/main/offer-details.png) no-repeat;
	width:133px;
	height:18px;
}

#containerMiddle #orderBelow {
	background:url(../images/main/orderBelow.png) no-repeat;
	width:615px;
	height:37px;
	margin-left:auto;
	margin-right:auto;
}

/* ================== FORM SECTION ==========================*/

.formSection {
	width:295px;
	float:left;
	margin-left:8px;
}

#formSectionFirst {
	margin-left:15px;
}

.formContainerTop {
	background:url(../images/main/form-container-top.png) no-repeat;
	width:295px;
	height:14px;
}

.formContainerMiddle {
	background:url(../images/main/form-container-middle.png) repeat-y;
	width:295px;
	height:450px;
	padding-top:3px;
	padding-bottom:11px;
}

.formContainerBottom {
	background:url(../images/main/form-container-bottom.png) no-repeat;
	width:295px;
	height:14px;
}

#stepOne {
	background:url(../images/main/step-one.png) no-repeat;
	width:136px;
	height:47px;
}

#stepTwo {
	background:url(../images/main/step-two.png) no-repeat;
	width:141px;
	height:47px;
}

#stepThree {
	background:url(../images/main/step-three.png) no-repeat;
	width:141px;
	height:47px;
}

#containerMiddle .formContainerMiddle h2 {
	margin-top:3px;
	margin-left:13px;
}

#containerMiddle .formContainerMiddle h3 {
	color:#5cdeff;
	font-size:21px;
	margin-top:0;
	margin-left:22px;
	margin-bottom:15px;
}

#containerMiddle .formContainerMiddle p {
	margin:0px 0 0 22px;
	color:#fff;
}

#containerMiddle .formContainerMiddle img {
	margin-top:0;
	margin-left:22px;
	margin-bottom:15px;
}

#containerMiddle .formContainerMiddle label {
	margin:0px 0 0 22px;
	color:#fff;
}

#containerMiddle .formContainerMiddle input {
	margin:0 0 7px 22px;
	width:244px;
}

#containerMiddle .formContainerMiddle select {
	margin:0 0 7px 22px;
	width:250px;
}

#containerMiddle .formContainerMiddle .floatedLabel {
	display:block;
	height:21px;
	float:left;
}

#containerMiddle .formContainerMiddle #cityLabel {
	width:140px;
}

#containerMiddle .formContainerMiddle #stateLabel {
	width:45px;
	margin-left:0;
}

#containerMiddle .formContainerMiddle #zipLabel {
	width:40px;
	margin-left:0;	
}

#containerMiddle .formContainerMiddle input#city {
	width:131px;
	float:left;
	margin-right:4px;
}

#containerMiddle .formContainerMiddle input#state {
	width:34px;
	float:left;
	margin:0 4px 0 0;
}

#containerMiddle .formContainerMiddle input#zip {
	width:65px;
	float:left;
	margin:0 4px 0 0;
}

#containerMiddle .formContainerMiddle select#expirationMonth {
	width:113px;
	float:left;
}

#containerMiddle .formContainerMiddle select#expirationYear {
	width:69px;
	float:left;
	margin-left:4px;
}

#containerMiddle .formContainerMiddle #cscLabel {
	margin-left:28px;
}

#containerMiddle .formContainerMiddle input#csc {
	width:58px;
	height:16px;
	float:left;
	margin-left:4px;
}

#containerMiddle .formContainerMiddle .checkboxSection {
	margin-top:7px;
	margin-bottom:50px;
	font-size:13px;	
}

#containerMiddle .formContainerMiddle .checkboxSection label {
	display:block;
	line-height:1.25em;
}

#containerMiddle .formContainerMiddle .checkbox {
	width:20px;
	height:15px;
	float:left;
	margin-top:0;
	padding-top:0;
	line-height:1em;
}

#containerMiddle .formContainerMiddle .checkboxLabel {
	width:218px;
	heigth:16px;
	float:left;
	margin:0px 0 0 2px;
	padding:0;
	line-height:1.25em;
}

#containerMiddle .formContainerMiddle #additionalCardsLabel {
	font-size:13px;
	width:229px;
	margin: 14px 0 0 44px;
	display:block;
	line-height:1.25em;
}

#containerMiddle .formContainerMiddle #additionalCards {
	margin-top:7px;
	margin-left:44px;
	width:228px;
}

#containerMiddle .formContainerMiddle #submitButton {
	background:url(../images/main/submit-button.png) no-repeat;
	width:262px;
	height:56px;
	margin-left:15px;
}

#containerMiddle .formContainerMiddle #submitButton a {
	background:url(../images/main/submit-button.png) no-repeat left top;
	width:262px;
	height:56px;
	display:block;
}

#containerMiddle .formContainerMiddle #submitButton a:hover {
	background:url(../images/main/submit-button.png) no-repeat left bottom;
	width:262px;
	height:56px;
}

#containerMiddle .formContainerMiddle a.helpText {
	color:#6CF;
	font-size:12px;
}

/* ====================== END FORM SECTION END ============================*/

#footer {
	width:888px;
	margin:0 auto;	
	position:relative;
	padding-bottom:20px;
}

#footer .column {
	width:481px;
	font-size:13px;
	line-height:1.3em;
	padding-top:30px;
	text-align:justify;
}

#footer p {

}

#peopleCheering {
	background:url(../images/main/people-cheering.png) no-repeat;
	width:409px;
	height:377px;
	position:absolute;
	right:0;
}

#featuredContainer #benefiq {
	background:url(../images/main/benefiq.png) no-repeat;
	width:136px;
	height:61px;
	position:absolute;
	top:240px;
	left:369px;
}

#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}


#footer ul li.last {
	border-right:0;
	padding-right:0;
	margin-right:0;
}

#footer a:hover {
	color:#0CF;
}

#footer #testimonials {
	font-size:13px;
}
