/* ------------------------------------------ */
/* Coupon/Default                             */
/* ------------------------------------------ */
.coupon-page #main .content {
	padding: 30px 40px 80px 6px;
}
.coupon-page .content-survey .intro {
	padding: 0 0 20px 335px;
}

/* ------------------------------------------ */
/* Survey form styles                         */
/* ------------------------------------------ */
.content-survey {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
}
.content-survey h1 {
	font-size: 20px;
	padding-bottom: 5px;
}
.content-survey h2 {
	font-size: 11px;
	line-height: normal;
	margin: 0 0 8px 0;
}
#main .content-survey h2 em {
	font-style: normal;
	font-size: 10px;
	font-weight: normal;
}
.content-survey p {
	font-size: 12px;
	font-weight: normal;
}
.content-survey a {
	color: #000000;
}
.content-survey .req-label {
	font-weight: bold;
	color: #000000;
}
.content-survey .fineprint {
	font-size: 10px;
	padding: 0 10px;
}
#errorSummary {
	font-size: 14px;
	line-height: 18px;
	color: #e60202;
	padding-top: 1em;
}
#errorSummary li {
	background: url(../images/ico-error.gif) 0 2px no-repeat;
	padding-left: 20px;
	list-style-type: none;
}

img.error {
	float: left;
	margin-left: 3px;
}

#bottomErrors {
    color:#E60202;
    font-size:14px;
    line-height:18px;
    margin: 5px 0px 15px 345px;
}
#bottomErrors li
{
    background:transparent url(../../lib/images/ico-error.gif) no-repeat scroll 0 2px;
    list-style-type:none;
    padding-left:20px;
    list-style-image:none;
    list-style-position:outside;
}

/* ------------------------------------------ */
/* Login box                                  */
/* ------------------------------------------ */
#login {
	width: 217px;
	height: 230px; /* 202 */
	position: static; /* specified in HTML via script to allow non-scripting browsers to show the form by default */
	z-index: 1;
}
#login .req-label {
	color: #f0b100;
}
#login .error {
	color: #ff3600;
}
#login input.error {
	font-weight: normal;
}
#login img.error {
	float: none;
	vertical-align: top;
}
#login .bg {
	position: absolute;
	z-index: 2;
}
#login .login-content {
	width: 197px;
	height: 188px;
	padding: 14px 12px 0 12px;
	margin: 0;
	position: absolute;
	z-index: 3;
	background: transparent;
	font-size: 12px;
	font-weight: normal;
}
#login .login-content h1 {
	margin-bottom: 10px;
	color: #f0b100;
	font: bold 20px "Arial Black", Arial, Helvetica, sans-serif;
}
#login .login-content .row {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 18px;
}
#login .login-content .row img {
	vertical-align: bottom;
}
#login .login-content .row img.error {
	vertical-align: top;
}
#login .login-content .row input {
	background: #e6e6e6;
	width: 180px;
	height: 15px;
	vertical-align: text-bottom;
	border: 1px solid #d8d8d8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5f6062;
	float: none;
}
#login .login-content #submitForgotPassword {
	color: #000000;
	border: none;
	font-size: 11px;
	cursor: pointer;
	background-color: transparent;
	height: 16px;
	text-align: left;
}
#login .login-content #loginFrmInner {
	position: relative;
}
#login .login-content #submitLogin {
	position: absolute;
	top: 152px;
	left: 105px;
}


/* ------------------------------------------ */
/* Form layout                                */
/* ------------------------------------------ */
#formFields {
	background: url(../images/bg-coupon-form.jpg) no-repeat;
	width: 946px;
	height: 353px;
	padding: 6px 0 0 0;
}
/* Define rows and columns */
#formFields .row {
	padding-bottom: 5px;
	clear: both;
}
#formFields .col {
	float: left;
}
/* one column layout */
#formFields .oneCol .col1 {
	width: 555px;
}
#formFields .oneCol .col input,
#formFields .oneCol .col select,
#formFields .oneCol .col textarea {
	width: 438px;
}
/* two column layout */
#formFields .twoCol .col1 {
	width: 285px;
}
#formFields .twoCol .col2 {
	width: 280px;
}
#formFields .twoCol .col input,
#formFields .twoCol .col select,
#formFields .twoCol .col textarea {
	width: 153px;
}
/* three column layout */
#formFields .threeCol .col1 {
	width: 172px;
}
#formFields .threeCol .col2 {
	width: 262px;
}
#formFields .threeCol .col3 {
	width: 120px;
}
#formFields .threeCol .col input,
#formFields .threeCol .col select,
#formFields .threeCol .col textarea {
	width: 41px;
}
#formFields .row input.radio,
#formFields .row input.checkbox {
	width: 13px;
	height: 13px;
}
#formFields .row label.radio,
#formFields .row label.checkbox {
	text-align: left;
}
#main-col1 {
	width: 577px;
}
#main-col2 {
	width: 365px;
}
/* Styles for tabular data */
#formFields th,
#formFields td {
	padding: 3px;
}
#formFields thead th {
	text-align: left;
	font-weight: bold;
}
#formFields tbody th {
	text-align: right;
	font-weight: bold;
}
/* Element to hold form errors */
#formFields ul.errorCnt {
	/*display: none;*/
	margin-left: 16px;
}
#formFields ul.errorCnt li {
	margin-left: 0;
	float: none;
	width: auto;
	list-style-type: disc;
	color: #ff3600;
	font-size: 11px;
	font-style: italic;
	padding-bottom: 3px;
}
#formFields ul.errorCnt li label {
	width: auto;
	padding: 0;
	float: none;
	text-align: left;
}
/* Generic label and input elements */
#formFields label {
	display: block;
	float: left;
	width: 87px;
	text-align: right;
	padding: 0 5px;
	font-weight: normal;
}
#formFields input,
#formFields select {
	display: block;
	float: left;
	width: 153px;
	background-color: #e6e6e6;
	border: 1px solid #d8d8d8;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #5f6062;
}
#formFields input.hidden {
	display: none;
}
#formFields input.error,
#formFields select.error,
#formFields textarea.error {
	background-color: #ffe4e4;
	/*border: 1px solid #ffb0b0;*/
}
#formFields input.image {
	float: none;
	width: auto;
	border: none;
}
#formFields input.radio,
#formFields input.checkbox {
	background-color: transparent;
	border: none;
}
/* Use a fieldset to define sections of the form */
#formFields .indent {
	padding-left: 96px;
}
#formFields fieldset {
	display: block;
	/*padding: 8px 0 12px 8px;*/
	padding: 3px 0 4px 12px;
	/*background: url(../images/bg-coupon-group.png) no-repeat;*/
}
#formFields fieldset h3 {
	font-size: 10px;
	font-weight: bold;
}
/* Customize individual sections as the layout dictates */
#formFields #emailInfo {
	/*background: url(../images/vss_section1.jpg) left top no-repeat;*/
	background: none;
	padding-top: 8px;
}
#formFields #emailInfo .col2 label {
	width: 88px;
}
#formFields #contactInfo {
	/*background: url(../images/bg-coupon-group.png) no-repeat;*/
	padding-top: 8px;
}
#formFields #contactInfo input#lastName {
	/*width: 174px;*/
}
#formFields #contactInfo label.state {
	width: 31px;
}
#formFields #contactInfo select#state, #formFields #contactInfo select#inputState {
	width: 200px;
}
#formFields #contactInfo label.zip {
	width: 50px;
}
#formFields #contactInfo input #inputZip {
	width: 41px;
}
#formFields #communication {
	/*background: url(../images/vss_section3.jpg) left top no-repeat;*/
	padding-top: 1em;
}
#formFields #communication h3 {
	margin-bottom: 15px;
}
#formFields #communication .col1 {
	width: 215px;
}
#formFields #communication .col2 {
	width: 310px;
}
#formFields #communication label.radio {
	width: 25px;
	line-height: 14px;
}
#formFields #aboutPets {
	/*background: url(../images/vss_section4.jpg) left top no-repeat;*/
	padding-top: 3px;
	margin-bottom: 2em;
}
#formFields #aboutPets h2 {
	margin-bottom: 2px;
}
#formFields #aboutPets td {
	width: 137px;
}
#formFields #aboutPets tbody th {
	width: 87px;
}
#formFields #aboutPets td input,
#formFields #aboutPets td select {
	width: 117px;
}
#formFields label.title {
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 8px 0;
	padding-left: 0;
	text-align: left;
}
#formFields label.block {
    width: auto;
    display: block;
    margin-top: -11px;
}
#formFields #catInfo label {
	width: 95px;
}
#formFields #litterInfo label {
	width: 175px;
}
#formFields #catFood {
	/*background: url(../images/vss_section5.jpg) left top no-repeat;*/
	background: none;
}
#formFields .petFood table {
	float: left;
}
#formFields .petFood table.first tbody th {
	width: 22px;
	text-align: left;
}
#formFields .petFood select {
	width: 140px;
}
#formFields .petFood label.radio {
	width: 235px;
	line-height: 14px;
}
#formFields .petFood .aboutYou label.radio {
	width: 325px;
}
#formFields #friendsFamily label.radio {
	width: 25px;
	line-height: 14px;
}
#formFields #formSubmit {
	padding: 5px 10px;
}
#formFields #formSubmit input.image {
	display: inline;
}


/* ------------------------------------------ */
/* Coupon/ThankYou                            */
/* ------------------------------------------ */
#coupon-littersave1-thankyou #main {
	background-image: url(../images/bg-coupon-thankyou.jpg);
}
.survey-thanks {
	width: 850px;
}
.survey-thanks .survey-content {
	padding: 0 0 25px 450px;
}
.survey-thanks .survey-content h1 {
	font-size: 20px;
	padding-bottom: 30px;
}
.survey-thanks .survey-content h2 {
	font-size: 13px;
	padding-bottom: 12px;
}
.survey-thanks .survey-content ol {
	padding-bottom: 15px;
}
.survey-thanks .survey-content ol, .survey-thanks .survey-content ul {
	margin-left: 20px;
	font-weight: normal;
	font-size: 11px;
}
.survey-thanks .survey-content li {
	line-height: 1.5em;
}
.survey-thanks .survey-content ol li {
	list-style-type: decimal;
	padding-bottom: 6px;
}
.survey-thanks .survey-content ul li {
	list-style-type: disc;
	padding-bottom: 0;
}

/* ------------------------------------------ */
/* Subscribe/Email                            */
/* ------------------------------------------ */
#subscribe-entry #formFields {
	background: url(../images/bg-coupon-form-small.jpg) no-repeat;
}
#subscribe-entry #formFields {
    padding-top: 10px;
}
#subscribe-entry #family-advice label {
    width: 36px;
}
.subscribe .content-survey .intro {
    padding-bottom: 0;
}

/* ------------------------------------------ */
/* Browser-specific adjustments               */
/* ------------------------------------------ */
/*
	IMPORTANT NOTE:
	The "base" variable used below is defined in "common.js". It is a reference to the
	value of the "href" attribute of the BASE tag in the HTML. This is necessary because
	when applying DirectX filters and behaviors, the resource is referenced relative to
	the calling document (the HTML) not this CSS style sheet as in normal CSS URL references.
*/

/* hasLayout fix for IE */
* html #errorSummary li {
	display: inline-block;
}

/* Replacement or transparency fixes for PNG backgrounds in IE 6 */
/*
* html #formFields fieldset {
	filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + base + "lib/images/bg-coupon-group.png', sizingmethod='scale')");
	background: none;
}
*/
* html #formFields #contactInfo {
	padding-top: 14px;
}
* html #formFields #aboutPets {
	padding-top: 18px;
}
* html #formFields #emailInfo, * html #formFields #catFood {
	filter: none;
	background: none;
}
* html #formFields .petFood h2, * html #formFields #photoUploads h2, * html #formFields label.block {
	display: inline-block;
}